当前位置: 首页 > Web前端 > JavaScript

Day17-100Vue3项目发布后,及时刷新项目配置生效

时间:2023-03-26 21:59:28 JavaScript

1。需要的项目多次被投诉,说一直要强制刷新才能看到新项目;上次更改nginx配置的时间。便于使用。发现这里需要打包规则,加上时间戳,还有?v=timestamp更好。不知道还有没有其他问题,先记录一下2.代码配置vue.config.js文件:constTimestamp=newDate().getTime()module.exports={assetsDir:'static',publicPath:'./',//生产环境//打包时不使用哈希值。因为我们有时间戳来判断项目的唯一性。filenameHashing:false,outputDir:'dist',pluginOptions:{webpack:{dir:['./webpack']}},productionSourceMap:false,configureWebpack:{//重点//输出重构后的js文件名,打包编译,并添加时间戳。输出:{文件名:`js/[name].${Timestamp}.js?v=${Timestamp}`,chunkFilename:`js/chunk.[id].${Timestamp}.js?v=${Timestamp}`}},css:{extract:{//修改打包编译后的css文件名filename:`static/css/[name].${Timestamp}.css?v=${Timestamp}`,chunkFilename:`static/css/[name].${Timestamp}.css?v=${Timestamp}`}}}参考链接https://blog.csdn.net/xi_nuo/...