私はreact-native-webを使用しています。クロスプラットフォームコンポーネントを作成したいと思います。プラットフォームごとに各コンポーネントをと区別したいと思います。 friendsList.android.js
- - friendsList.ios.js
- friendsList.web.jsクロスプラットフォームコンポーネントreact-native-web
そして用
:私は3つのファイルを持っているhttps://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
:
は、だから私は、このチュートリアルに従っインポートFriendsList
、
index.android.js
、
index.ios.js
index.web.js
:
Import FriendsList from './friendsList';
IosとAndroidでは、正常に動作します。しかし、ウェブ上では、ファイルを認識しません。私は実際に3つの解決策があります。
- ををインポートするときに指定します。import FriendsList from './friendsList.web';
- プラットフォームごとに
を派遣サービスを定義 - またはにWebPACKのにエイリアスを定義します。
resolve: {
alias: {
'react-native': 'react-native-web',
'./friendsList': './friendsList.web',
},
},
ですこの方法なしで.webをインポートする方法がありますか?
そんなことをするとは思わないかもしれませんか?