webpack打包追加时间戳

问题描述

在开发H5时发现由于iOS无法手动清除软件缓存(除非卸载重装),导致新版本上传后页面始终无法更新。

原因分析

iOS始终从缓存中读取同名资源,导致无法加载浏览器中最新版本,所以只要确保每次新打包生成的文件名不同就可以解决

解决方法

在vue.config.js文件中加入以下配置

const TimeStamp = new Date().getTime()

module.exports = {
	configureWebpack: {
    	output: {
      		filename: `js/[name].${TimeStamp}.js`,
      		chunkFilename: `js/[name].${TimeStamp}.js`
    	}   
  	}
 }

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