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

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

阅读 415
评论
    2 个回答

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

      • 11.3k

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

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

        撰写回答

        登录后参与交流、获取后续更新提醒