在捆绑期间排除库答案

【问题标题】：excluding a library during bundle在捆绑期间排除库
【发布时间】：2018-09-04 07:02:14
【问题描述】：

我是 npm、react 和 webpack 的新手，但我有一个问题。在 npm 中，如何防止库被包含在生产包文件中？例如，我只是在 react 和我要放置我的小组件的站点上构建一个非常小的组件。问题是 Jquery 库和引导程序已经在站点的主页面中被调用，我不想在我的小型应用程序生产构建中再次调用同一个库，但我仍然想在开发过程中使用它们（因为我只是在测试它在本地和 jquery 不在那里调用）。 TIA

感谢您花时间准备这个，希望我能从您那里学到更多。顺便说一句，我使用 create-react-app 创建了应用程序，但我已经“弹出”了它，所以它使用 webpack 3

【问题讨论】：

标签： reactjs npm webpack

【解决方案1】：

看看Webpack externals

您可以有两个 webpack 配置，在开发配置中您可以正常包含该包，但对于您的生产配置，请为 jquery 添加外部，因此它使用页面上已经存在的全局配置

【讨论】：

嗯，我在它导致错误之前尝试过它，但是当我再次尝试它时很奇怪，我认为它现在可以工作了。我的包比以前小了 30kb。谢谢

【解决方案2】：

你正在寻找的能力被命名为Code splitting

React loadable 对你来说可能也是一个不错的选择

【讨论】：