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

Question

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

Answer 1

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

Answer 2

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

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