Webpack常见块和加载序列中的混淆

时间:2016-07-22 05:24:00

标签: webpack

我正在看例子

https://github.com/webpack/webpack/tree/master/examples/multiple-commons-chunks

<html>
<head></head>
<body>
    <script src="js/commons.js" charset="utf-8"></script>
    <script src="js/admin-commons.js" charset="utf-8"></script>
    <script src="js/adminPageA.js" charset="utf-8"></script>
</body>
</html>

即使示例中的js是正确的序列,但是你怎么知道js/adminPageA.js不会比js/common.js更早下载和执行,webpack是否保证,我实际上是相当的如果我需要额外的努力以确保我们以正确的顺序加载脚本?或者由webpack照顾它

我实际上很困惑,在下面的序列中,我的应用程序代码在公共代码之前完成下载,它还在工作〜任何解释??

enter image description here

1 个答案:

答案 0 :(得分:1)

您的浏览器将在执行任何后续脚本之前等待它遇到的第一个脚本下载并执行,即使它已提前下载并提前下载。

JQuery导入是此行为的典型示例,您永远不必担心使用JQuery的后续脚本,只要先导入它。