拆分模式,让你轻松提高效率,减少压力!
每天工作忙碌,任务繁重,常常感到时间不够用。拆分模式可以帮助你更加高效地安排时间,提高工作效率。
拆分模式是一种将大任务拆分为小任务的方法。它能够让你更好地集中精力完成任务,减少压力,提升工作效率。
使用拆分模式,你只需要将一个大任务拆分成若干个小任务,然后逐一完成。这样不仅仅能够让你更容易跟踪进度,还能够给你更多的成就感。
此外,拆分模式还有一个额外的好处,那就是可以让你更好地理解如何完成任务。在拆分过程中,你必须了解每个细节,并考虑如何安排时间和资源。
这样,你就能够更好地规划自己的工作,从而更加高效地完成任务。
总之,拆分模式是一种可靠的方法,可以帮助你提高工作效率,减少压力,让你的工作变得更加轻松。尝试使用拆分模式,你将会发现,它能够让你更加自信和成功。
我们这里讲一种简单的处理方法:
设置HTML不缓存
<meta http-equiv="Cache"content="no-cache">
<meta http-equiv="Cache-control"content="no-cache">
复制
2.给动态引入的JS加上hash值,这一块不懂的可以看这篇文章
//动态import处代码
import(/webpackChunkName:"[request]"/../../containers/${requestPath}
)
复制
//webpack.config.js
//...其他代码
output:{
//...其他代码
filename:'[name].[hash].js',
chunkFilename:'[name].[hash].js',//这里使用hash,也可以是其他的hash具体按自己的项目来定
},
//...其他代码
复制
3.设置缓存头信息
//我这里使用的是koa2做为服务器的根据使用的服务器来设置响应头信息就可以了
app.use(require('koa-static')(__dirname+'/public',{
maxage:1209600000//这个时间根据具体的项目来自己定
}))
复制
通过上述步骤就可以了,当用户在发布后再进入某个引入分片代码的的界面,那么页面中的引用是旧的资源路径,由于页面有缓存那么不会报错。当用户新进入页面的时候(比如刷新一下)那么由于HTML文件是不缓存的,它引入的js也是新的路径,而分片路径也是新的,所以界面就不会报错了。