vue-cli3打包文件增加hash值
filenameHashing用来配置打包生成的文件是否带hash值后缀,该值默认为true,在模式为production的时候,打包出的js和css文件会自动添加hash值后缀。但是在当前模式为development的时候,就算该值为true,打包出的js文件不带hash值(css文件仍然受该值控制)。这个时候我们该怎么给打包的文件增加hash值呢:
// vue.config.js
module.exports = {
filenameHashing: true, // 打包后为文件名增加hash值
chainWebpack: config => {
config.output.filename('js/[name].[hash].js').end()
config.output.chunkFilename('js/[name].[contenthash].js').end();
// 如果filenameHashing设置为了false,可以通过这段代码给打包出的css文件增加hash值
// config.plugin('extract-css').tap(args => [{
// filename: 'assets/css/[name].[hash].css',
// chunkFilename: 'assets/css/[name].[hash].css'
// }])
}
}