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

IT技术 javascript meteor reactjs webpack code-splitting
2021-05-13 05:29:49

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

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

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

在我学习如何做之前,我想对我正在学习的东西有一个想法。Webpack 文档根本没有帮助。它假设您完全了解 webpack 的工作原理。

1个回答

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

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

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

希望这会有所帮助。