javascript - 指定要添加到捆绑包中的 React 组件

Question

我有一个 components_settings 文件，该文件描述了应包含在生产包中的组件列表，该文件应在构建过程中由 webpack 读取，例如

{
  RedButton:false,
  BlueButton:true
}

我将这两个文件都作为 .jsx 组件提供，并且我不希望这些组件的代码包含在我的生产包中，如果它们在 components_settings 文件中设置为 false。

我阅读了有关摇树的信息，并设法消除了未使用的代码，但是当我尝试有条件地渲染时，例如{process.env.NODE_ENV == "development" ? <RedButton /> : null}，在生产包中仍然包含代码：/

如果摇树在这里是错误的方法，我愿意接受其他/更好的解决方案。感谢您的任何帮助

Answer 1

看看 Loadable ( https://github.com/jamiebuilds/react-loadable )。它应该非常适合您正在寻找的代码拆分，这也包含在大多数样板文件中。

Answer 2

使用 webpack 的 define 插件解决了这个问题。