未优化前js文件的大小
image.png
image.png
image.png
请求过程中切换到其他组件 会报内存溢出的bug优化
image.png
当react页面在请求时切换其他组件会报内存溢出的错误
解救办法：
请求前先通过localStorage.getItem('数据名称')取出判断本地是否有数据，有的话直接取出本地数据，没有的话则请求数据同时将请求回的数据存储在本地，
window.localStorage.setItem(数据名称,JSON.stringfy(数据)
优化1 ant-mobile
- ant-mobile样式整体导入改为按需导入 react-app-rewired，
参考官网https://mobile.ant.design/docs/react/use-with-create-react-app-cn
优化后主要js文件的大小（743kb-539kb)
image.png
image.png
image.png
优化2 代码分割 路由懒加载
image.png
参考官网https://react.html.cn/docs/code-splitting.html
js文件将会被拆分成多个js文件，路由实现懒加载
[图片上传失败...(image-82ec94-1604309397907)]
完成后 可将build文件夹直接copy到PHP studypro下的www文件，开启服务器，创建网站即可通过网址访问
image.png
