在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 安装插件