【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串。