react-native - React Native - 如何在本机和 Web 的文件中分离模块？

Question

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

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

我需要在 react-native 项目中将这些文件排除在编译之外。

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

然后只需导入它，让 react-native 处理平台

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

扩展摘要