webpack4打包后html页面引入的js加async属性

cjc0523
  • 8

在项目优化的阶段,由于项目加载的内容过多,打包分成了几个js,但是想要打包后在html页面自动引入的js实现部分的异步加载,想在部分js中自动加入async属性,请问webpack4可以设置吗,怎么设置

回复
阅读 1.1k
2 个回答

我不可以在html-webpack-plugin 的模板里面加入这些js,因为每次打包出的js名称都会有hash值的,这样浏览器就可以根据hash值判断是否使用缓存的数据了

async 不能乱加。async 的意思是加载顺序任意,只能用在毫不相干的 JS,比如访问量统计代码。

如果你的项目里有这样的代码,可以考虑用 html-webpack-plugin 里的模版,手工引入这些 js,就想怎么搞怎么搞了。

你知道吗?

宣传栏