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

时间:2016-04-20 12:36:47

标签: javascript meteor reactjs webpack code-splitting

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

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

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

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

1 个答案:

答案 0 :(得分:3)

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

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

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

希望这有所帮助。