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

 

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