使用带反应的Webpack

Question

我想这个问题是关于JS捆绑在一起，以及它们如何与React进行交互。

当我运行Webpack时，它抓取所有库，所有组件并将它们合并成一个JavaScript文件（bundle.js）。

我的问题是这样的。这不是一件坏事吗？即使我不会为每个页面使用大量组件，但所有组件都正在加载。我想我有Register.js包含注册表单组件。这种将所有这些代码捆绑在一起的方法不会使这个组件加载到每一个页面上吗？

这是如何工作的？如果是这样，我可以使用Webpack重构这个系统来不加载每个视图上的所有组件吗？

Answer 1

Webpack为模块的页面特定加载提供code splitting和multiple entry points。

有大量的文档资料进行筛选，但关键是外卖：

较为显着的特点是，代码分裂可用于按需加载大块代码分成一个。这可以使初始下载保持较小，并在应用程序请求时按需下载代码。