【2023-7-25】vue项目打包文件去除hash串

【2023-7-25】vue项目打包文件去除hash串

示例项目是基于vue-element-admin二次开发，需要将打包后dist目录下的js/css文件名称中的hash串去除（别问为什么？问就是领导要求）

实现方案

vue.config.js中增加如下配置配置：

module.exports = {
  lintOnSave: false,
  devServer: {
    // 开发环境配置
  },
  chainWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      config.output.filename('js/[name].js').end();
      config.output.chunkFilename('js/[name].js').end();
      // 修改生产配置
      config.plugin('extract-css').tap((args) => [{
        filename: `css/[name].css`,
        chunkFilename: `css/[name].css`
      }])
    }
  }
}

此时，打包后的文件名称在就不会在携带hash串。