react-loadable 进行代码分割的基本使用
2024-08-27 15:38:01
由上篇文章我们可以知道,我的项目,打包后的 js 是 7M 的,首屏就加载 7M 的文件虽然没什么特别大的缺点,但总不是最优的解决办法
因此我们用到了 react-router4 的 react-loadable ,以路由的方式进行代码分割。
使用方法很简单:
1、首先需要一个 loading 组建,用于加载前的展示
2、然后修改组建的加载入口
基本的操作就如上图所示。
由上面文章我们可以知道,我的项目打包到同一个 js 里面,有 7M 的大小
然后通过 coding split 之后呢,看看我们的文件吧:
这样带来的坏处就是,可能我的不同组件引入了相同的代码,会导致多次打包。
原理➡️
最新文章
- 整理分享原生态mac AndroidStudio的快捷键
- Android中的跨进程调用技术AIDL
- [转] GitHub上README.md教程
- 查询修改linux 打开文件句柄数量
- PostgreSQL Insight Monitor pgstat
- JSP重定向传递参数
- noip2006T1 能量项链
- 转载RabbitMQ入门(4)--路由
- DOM+Javascript一些实例
- python脚本工具-1 制作爬虫下载网页图片
- 【C语言】重定向和文件
- Java中对不变的 data和object reference 使用 final
- python对pywifi模块的认识
- webstorm中sftp远程调试配制
- 部署自建CA颁发证书实现https加密
- Python爬虫3-parse编码与利用parse模拟post请求
- P1427 小鱼念数字
- SSL/TLS Server supports TLSv1.0
- Maven实战——Gradle,构建工具的未来?
- C语言 · 最长字符串