umi+antd-mobile开发移动端,使用KeepAlive页面缓存功能(umi-plugin-keep-alive)
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了umi+antd-mobile开发移动端,使用KeepAlive页面缓存功能(umi-plugin-keep-alive)相关的知识,希望对你有一定的参考价值。
参考技术A 使用umi-plugin-keep-alive实现KeepAlive状态存储,并且实现
进入下一个页面时缓存,后退页面时不缓存(卸载)
类似微信小程序的页面缓存机制
1、安装
2、使用
更详细的可参考 React Activation
umi中同时使用antd-mobile v2和v5
参考技术A 历史原因,最开始项目里使用的是 antd-mobile:2.x ,由于实在是太难用,我想要同时使用 v5 版本,参考官网的迁移指南,我们可以使用第一种方法: 官网参考但是使用了之后发现 antd-mobile-v2 的样式没有被正确引用,通过查看 umi 的插件 plugin-antd 发现,在引用 antd 的时候配置了 babel ,引入了样式。所以我猜测是因为包名变成了 antd-mobile-v2 导致无法正确引入,所以我模仿这个插件重新修改了 babel 配置
以上是关于umi+antd-mobile开发移动端,使用KeepAlive页面缓存功能(umi-plugin-keep-alive)的主要内容,如果未能解决你的问题,请参考以下文章