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() // 如果filenameHashing设置为了false,可以通过这段代码给打包出的css文件增加hash值 // config.plugin('extract-css').tap(args => [{ // filename: 'assets/css/[name].[hash].css', // chunkFilename: 'assets/css/[name].[hash].css' // }]) } }