1分钟解决vue项目打包缓存问题vue项目打包后重新部署，但是用户在浏览器直接刷新却一直无法看到最新页面，原来是资源文件

vue项目打包后重新部署，但是用户在浏览器直接刷新却一直无法看到最新页面，原来是资源文件的hash模式，导致的浏览器的缓存问题，这里教大家一分钟解决打包缓存问题。

1.打开vue.config.js配置文件，配置如下

// 先生成时间戳

const timeStamp = new Date().getTime();

configureWebpack：{

...
output: {
  filename: `js/[name].${timeStamp}.js`,
  chunkFilename: `js/chunk.[id].${timeStamp}.js`
}

}

css: {

extract: {
  // 打包后css文件名称添加时间戳
  filename: `css/[name].${timeStamp}.css`,
  chunkFilename: `css/chunk.[id].${timeStamp}.css`
}

}

2.重新打包会看到dist文件夹里生成的文件都会带时间戳了。

3.部署到服务器，此时用户刷新浏览器就可以看到最新页面了。