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

Question

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

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

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

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

Answer 1

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

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

实际加载应该由路由器处理。如果你正在使用 react-router，这是一个快速的 example .

希望这能有所帮助。