React Native-如何为本地文件和Web分离文件中的模块？

Question

我有一些文件在React Native（Android和iOS）项目与React Native Web项目之间共享。

某些文件具有*.web.js扩展名，以便告诉webpack（用于react-native-web）优先于文件夹中的其他js文件。

我需要将这些文件排除在本地反应项目之外。

Answer 1

要根据平台定义具有不同实现和依赖性的模块，它应位于具有以下体系结构的文件夹中：

Module/
|-index.js
|-Module.web.js  // web only
|-Module.native.js  // iOS & Android
|-Module.ios.js // iOS only
|-Module.android.js // Android only

index.js

export {default} from "Module" // import it without extension

然后将其导入，让本机反应器处理平台

import Module from "path/to/Module" // path to Module folder

扩展摘要