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

时间:2017-10-05 13:05:00

标签: reactjs react-native webpack

我正在使用 react react-native 创建一个堆栈,我正计划共享容器(逻辑)代码,同时我还创建了哑UI组件(函数)本地和网络都返回布局)。

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

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

现在,每次运行命令时,它都会触发一个脚本,该脚本会读取文件并更改import语句 ../native/One.component../web/One.component,反之亦然,原生于网络

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

1 个答案:

答案 0 :(得分:0)

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

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