当前位置：网站首页>Vue project NPM run build when packaging the project, time stamp the version number of CSS and JS files to prevent the browser from caching

Vue project NPM run build when packaging the project, time stamp the version number of CSS and JS files to prevent the browser from caching

2022-04-22 04:41:00 【chinahcp2008】

stay vue.config.js Do the following configuration in the file 

const Timestamp = new Date().getTime()

module.exports = {
    
	configureWebpack: config => {
    
		if (process.env.NODE_ENV === 'production') {
    
			config.output.filename = `js/[name].${
      Timestamp}.js`
			config.output.chunkFilename = `js/[name].${
      Timestamp}.js`
		}
	},
	
	css: {
    
		extract: {
    
			filename: `css/[name].${
      Timestamp}.css`,
			chunkFilename: `css/[name].${
      Timestamp}.css`
		}
	}
}

Generated css File name of the file
Generated js File name of the file

版权声明
本文为[chinahcp2008]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204220440296724.html

边栏推荐

猜你喜欢

随机推荐