2016-07-22 59 views
0

我看的例子迷茫中的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

http://stackoverflow.com/questions/1795438/load-and-execution-sequence-of-a-web-page –

回答

1

您的浏览器将等待它遇到下载和执行任何后续的脚本之前执行第一脚本,即使它说干就干,提前下载它们。

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