使用Webpack和React

Question

我想这个问题是关于JS捆绑器以及它们如何与React交互。

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

我的问题是这个。这不是件坏事吗？我的所有组件都已加载，即使我不是每个页面都使用了很多组件。

我们说Register.js包含注册表单组件。将所有这些代码捆绑在一起的方法是不是会在每一页上加载该组件？

这是怎么回事？如果是这样，我可以使用Webpack重构此系统，以便不加载每个视图上的所有组件吗？

Answer 1

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

需要筛选大量文档，但关键点是：

  

更值得注意的功能是Code Splitting可用于将代码拆分为 on demand 加载的块。这可以使初始下载保持较小，并在应用程序请求时按需下载代码。