Metro捆绑器响应本机动态组件加载

Question

我正在使用react和react-native创建一个堆栈，我计划共享容器（逻辑）代码，同时我还为本机和Web创建了哑UI组件（返回布局的函数）。

我试图有条件地导入不同构建的UI组件。 我能够使用webpack的NormalModuleReplacementPlugin在网上做到这一点，但是我找不到使用metro捆绑器做同样的方法，因为没有可用的文档。

那么有没有办法实际配置您的设置，以便您可以使用metro bundler有条件地导入react-native的组件 。 es6中的import语句只使用字符串文字，虽然你可以在require中使用require来变量，但它不能与react-native一起使用。

现在，每次运行命令时，它都会触发一个脚本，该脚本读取文件并将导入语句从../native/One.component为../web/One.component ，反之亦然，以便../web/One.component生更改为Web

但这样我就无法拍摄两台服务器进行调试。 我想知道有更清洁的方法吗？

Answer 1

只需转到您的终端并输入：

1. sudo lsof -i :8081
2. kill -9 <PID>