在vue打包时会遇到前端明明发布了,但是浏览器却没有更新。需要强制刷新才能看到最新的内容。
解决方法一
加时间戳后缀
在 vue.config.js 的文件中加入
const Timestamp = new Date().getTime();
module.exports = {
configureWebpack: { // webpack 配置
output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】
config.output.filename('js/[name].' + Timestamp + '.js').end();
config.output.chunkFilename('js/[name].' + Timestamp + '.js').end();
config.plugin('extract-css')
//拼接起来
.tap(args => [{
filename: `css/[name].${Timestamp}.css`,
chunkFilename: `css/[name].${Timestamp}.css` }
])
},
},
}
解决方法二
删除dist包
在 vue.config.js 的文件中加入
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
configureWebpack:{
plugins: [
new CleanWebpackPlugin()
],
}
记得npm install CleanWebpackPlugin 安装插件