查看是否存在vue.config.js 文件, 如果不存在就百度一下,怎么添加vue.config.js 文件
然后在vue.config.js文件中添加配置
module.exports = {
chainWebpack: config => {
if (process.env.NODE_ENV === 'production') {
let Version = new Date().getTime();
// 清除css,js版本号
config.output.filename('[name].js').end();
config.output.chunkFilename('[name].js').end();
// 为生产环境修改配置...
config.plugin('extract-css').tap(args => [{
filename: `[name].css`,
chunkFilename: `[name].css`
}])
config.module
.rule('images')
.test(/\.(png|jpe?g|gif|webp)(\?.*)?$/)
.use('url-loader')
.loader('url-loader')
.tap(options => {
// 修改它的选项...
options.fallback.options.name = '[name].[ext]?' + Version;
return options
});
config.module
.rule('svg')
.test(/\.(svg)(\?.*)?$/)
.use('file-loader')
.loader('file-loader')
.tap(options => {
options.name = '[name].[ext]?' + Version; //去除图片hash
return options
});
}
},
.......省略其他配置
}