Webpack 的代码拆分是如何工作的

Question

我对 webpack 知之甚少，但找不到我的问题的简单答案。使用 Webpack 进行代码拆分是什么意思？

它是否为不同的路由创建单独的捆绑 js 文件，并在客户端请求时执行 ajax 操作以获取这些 js 文件。

或者在第一次点击后正确显示第一个请求的页面后，它是否执行异步调用以从服务器获取其他单独的 js 文件？

在我学习如何做之前，我想先了解一下我正在学习什么。 Webpack 文档根本没有帮助。它假设您完全了解 webpack 的工作原理。

Answer 1

代码拆分会将您的应用拆分为多个捆绑的 js。例如，如果您的应用有一个管理员部分，您的用户永远不会看到您可以将其拆分为 2 个捆绑包，这样用户就不会下载与管理员相关的 js。

捆绑js的实际加载是通过脚本标签注入来完成的。

何时应该完成实际加载由路由器处理。如果您使用的是 react-router，这是一个快速的example。

希望这会有所帮助。