vue打包的文件加上版本号

为什么要加版本号？因为有时候打包文件部署上线后发现线上没更新，原因是因为线上环境有缓存，故加上版本号可解决此问题！

在vue.config.js配置： 输出文件名js文件增加版本号：

output: {
      filename: `js/[name].${Version}.js`,
      chunkFilename: `js/[name].${Version}.js`
    },

输出文件名css文件增加版本号：

css: {
	    
	    // 是否使用css分离插件 ExtractTextPlugin
	    extract: {
	      // 修改打包后css文件名   // css打包文件，添加时间戳
	      filename: `css/[name].${version}.css`,   
	      chunkFilename: `css/[name].${version}.css`
	    }
	 },

在vue.config.js文件中module.exports下增加： 实现css、js文件增加版本号解决上线缓存导致改动没更新问题

vue.config.js：

const Version = new Date().getTime() + -2.0.0.2
const webpack = require(webpack)
module.exports = {
  publicPath: ./,
  lintOnSave: false,
  outputDir: dist, // 构建输出目录
  assetsDir: assets, // 静态资源目录 (js, css, img, fonts)
  
  css: {    
	    // 是否使用css分离插件 ExtractTextPlugin
	    extract: {
	      // 修改打包后css文件名   // css打包文件，添加时间戳
	      filename: `css/[name].${version}.css`,   
	      chunkFilename: `css/[name].${version}.css`
	    }
	 },
	 
 configureWebpack: {
    output: {
      filename: `js/[name].${Version}.js`,
      chunkFilename: `js/[name].${Version}.js`
    },

    plugins: [
      new webpack.ProvidePlugin({
        $: jquery,
        jQuery: jquery,
        windows.jQuery: jquery
      })
    ]
  },
  devServer: {
    disableHostCheck: true,
    port: 80,
    proxy: {
      /: {
        target: http://192.168.8.8:8888/,
        changeOrigin: true,
        ws: false
      }
    }
  }
}