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'
    // }])
  }
}

 

posted @ 2022-07-04 20:40  ZJTL  阅读(1337)  评论(0编辑  收藏  举报