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

Question

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

{
  RedButton:false,
  BlueButton:true
}

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

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

如果树木摇晃是错误的方法，我愿意接受其他/更好的解决方案。 谢谢您的帮助

Answer 1

看看可加载（https://github.com/jamiebuilds/react-loadable）。对于您要查找的代码拆分，它应该非常有用，并且它也包含在大多数样板中。

Answer 2

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