vue编译时给文件添加版本号

前言：vue项目打包发布后，由于缓存可能不能及时刷新最新的代码，为了解决这个问题，可以在打包编译时给文件添加版本后缀。 以下为未添加版本时一般 npm run build 打包后的dist/static/js文件

接下来开始给打包文件添加版本。 在build/webpack.prod.conf.js文件中。

//定义版本  这是使用当前时间数  当然也可以自定义版本1.0等
const Version =  new Date().getTime();

//找到并修改以下代码
output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].'+Version+'.js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].'+Version+'.js')
  }

接下来我们再次npm run build编译打包，查看打包后文件。

总结：可以看出，打包后的js文件除了我们新增的时间参数，每次打包的文件名都是一样的。添加了时间参数，可以有效的解决发布后因为缓存，不能及时更新代码的困扰啦。

欢迎大家交流探讨。