webpack中打包html后srcpit标签中出现defer解决方法

像这种情况 写入一个div打包后会出现两个div

原因是因为 在webpack5中把scriptLoading属性的值默认设置成了defer

删掉 defer 就不会出现这种情况

在 html" class="superseo">webpack.config.js 文件中添加

module.exports = {
    plugins: [new HtmlWebpackPlugin({
          //  加载js方式，值为defer/blocking
          //  如果设置了defer，则在js引用标签上加上此属性，进行异步加载
          //  手动修改为 blocking
          scriptLoading: 'blocking',
    })]
}

4.5.1 版本 不会出现这种情况