vue2 实现项目打包加时间戳防止浏览器缓存

在vue.config.js文件中配置以下代码即可

const TimeStamp  = new Date().getTime();
module.exports = {
	devServer: {
		// 指定项目启动时的默认端口号
		port: 8081
	},
	configureWebpack: {
	devtool: 'source-map',
    output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.js】
      filename: `js/[name].${TimeStamp}.js`,
      chunkFilename: `js/[name].${TimeStamp}.js`
    },
	},
  css: {
    extract: {
      // 修改打包后css文件名   // css打包文件,添加时间戳
      filename: `css/[name].${TimeStamp}.css`,   
      chunkFilename: `css/[name].${TimeStamp}.css`
    }
  }
};


版权声明:本文为Amnesiac666原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。