我有一个components_settings文件,它描述了应该包含在生产捆绑包中的组件列表,这个文件应该由webpack在构建过程中读取,例如
{
RedButton:false,
BlueButton:true
}
这两个文件都可以作为.jsx组件使用,如果在components_settings文件中将它们设置为false,我不希望这些组件的代码包含在我的生产捆绑包中。
我读过有关树抖动的文章,并设法消除了不使用的代码,但当我尝试有条件地呈现像{process.env.NODE_ENV == "development" ? <RedButton /> : null}
这样的代码时,在生产捆绑包中仍然包含代码:/
如果在这里摇动树是错误的方法,我对其他/更好的解决方案持开放态度。感谢您的帮助
发布于 2018-09-11 08:32:41
用webpack的定义插件解决了这个问题。
发布于 2018-09-04 18:51:45
看看Loadable (https://github.com/jamiebuilds/react-loadable)。对于你正在寻找的代码拆分,它应该工作得很好,并且这也包含在大多数样板文件中。
https://stackoverflow.com/questions/52164321
复制相似问题