vue webpack打包后静态资源文件名hash值去除
修改vue项目根目录下的 build/webpack.prod.conf.js文件1、js文件:由output: {path: config.build.assetsRoot,filename: utils.assetsPath('js/[name].[chunkhash].js'),chunkFilename: utils.assetsPath('js/[id...
修改vue项目根目录下的 build/webpack.prod.conf.js文件
1、cli2 js文件:
由
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash].js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
}
修改为
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].js?t=[chunkhash]'),
chunkFilename: utils.assetsPath('js/[id].js?t=[chunkhash]')
}
cli3 在vue.config.js文件中配置:
module.exports = {
chainWebpack: config => {
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`
}])
},
}
2、css文件:
由
plugins: [
new ExtractTextPlugin({
filename: utils.assetsPath('css/[name].[contenthash].css'),
allChunks: true,
})]
修改为
plugins: [
new ExtractTextPlugin({
filename: utils.assetsPath('css/[name].css?t=[contenthash]'),
allChunks: true
})]
说明:
?t=[chunkhash] 及 ?t=[contenthash]的作用是避免文件缓存影响用户端体验
更多推荐
所有评论(0)