Vue解决Webpack打包后keep-alive不生效的问题
Vue 项目打包后,
思路其实也不复杂:在路由配置里用meta
加个keepAlive: true
标记,再用v-if
筛一筛,哪些需要缓存就留着,不需要的就放过。
还有个小技巧,蛮实用的:在_import_development.js
和_import_production.js
里做环境区分,开发时用require
同步引入,生产时用import()
异步引入,这样开发和打包两边行为一致,省心多了。
如果你也遇到类似问题,不妨试试这个套路,能省不少排查时间。
36.49KB
文件大小:
评论区