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)的主要内容,如果未能解决你的问题,请参考以下文章

Cordova+Dva+antd-mobile实现react移动端开发

初次使用antd-mobile开发时踩的坑

移动端采坑系列

前端项目丨 好客租房移动Web

微信开发工具连接本地开发环境

react + antd-mobile 的listview 在h5移动网页端的下拉刷新和上滑加载的实现