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

How does Webpack's code splitting work

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

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

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

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

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

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

实际加载的时间由路由器处理。如果你使用的是 react-router,这是一个快速 example.

希望这能有所帮助。