webpack打包优化之外部扩展externals (2)

使用externals属性,外部扩展,会增加请求数,由原来的6个请求变成了9个请求。由于是使用CDN,非首次请求,会使用缓存中的数据,所以加载时间不受太大影响。
截图所示时间不同,这个和多方面因素有关。你在相同的环境,每次刷新得到的结果都不一样。

需要注意

如果发现问题,可以通过以下几个方向查找:

script的先后顺序

cdn的地址路径是否正确

浏览器的window属性值,是否和你的externals属性的value相对应。可以在console控制台输出看看。

externals的打包支持什么类型的,就和output.libraryTarget和output.library 这两个属性有关系了。唐霜讲的清楚点,可以看看

参考

外部扩展Externals

webpack externals详解

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsxzsp.html