众所周知build后的html文件会注入编译后的资源
npm run build
//生成后的html文件下面会有
导购管理平台document.write('
而我这次啥都没有
导购管理平台document.write('
看之前的项目,查文档,纠结了半天,最后终于查到原因,还是自己没有细看文档,上代码
/build/webpack.prod.conf.js
new HtmlWebpackPlugin({
filename: process.env.NODE_ENV === 'testing'
? 'index.html'
: config.build.index,
template: 'index.html',
inject: fasle,
minify: {
removeComments: true,
collapseWhitespace: false,
removeAttributeQuotes: false
// more options:
// https://github.com/kangax/html-minifier#options-quick-reference
},
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
chunksSortMode: 'dependency'
}),
template: 'index.html', // 模板文件
inject: true, // 注入资源引用
minify: {} // 压缩
removeComments: [true/false] // 删除注释
removeAttrbuteQuotes: [true/false] // 删除属性引号
collapseWhitespace: [true/false] // 折叠空白
原因就是inject: 我写成了false。修改为true,完美解决。