位置: 编程技术 - 正文

详解webpack + react + react-router 如何实现懒加载(详解16型人格)

编辑:rootadmin

推荐整理分享详解webpack + react + react-router 如何实现懒加载(详解16型人格),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:详解增发万亿国债细节,详解16型人格,详解九章算法,详解中国女足出线形势,详解16型人格,详解增发万亿国债细节,详解杭州亚运会会徽和口号,详解增发万亿国债细节,内容如对您有帮助,希望把文章链接给更多的朋友!

在 Webpack 1 中主要是由bundle-loader进行懒加载,而 Webpack 2 中引入了类似于 SystemJS 的System.import语法,首先我们对于System.import的执行流程进行简单阐述:

Webpack 会在编译过程中扫描代码库时将发现的System.import调用引入的文件及其相关依赖进行单独打包,注意,Webpack 会保证这些独立模块及其依赖不会与主应用的包体相冲突。 当我们访问到这些独立打包的组件模块时,Webpack 会发起 JSONP 请求来抓取相关的包体。 System.import 同样也是 Promise,在请求完成之后System.import会将抓取到的模块作为参数传入then中的回调函数。 如果我们重复访问已经加载完毕的模块,Webpack 不会重复执行抓取与解析的过程。

而 React Router 路由的懒加载实际上分为动态路由与与懒加载两步,典型的所谓动态路由配置如下:

正常打包

这是一个正常打包的路由写法, 如果需要分割代码, 我们需要改造下路由, 借助getComponent和require.ensure

webpack 代码分割

详解webpack + react + react-router 如何实现懒加载(详解16型人格)

这样看来代码有点累, 我们稍微改造下

这样看起来是不是简洁了很多

注意: 由于webpack的原因, 如果直接require('./AboutPage.jsx')不能正常加载, 请尝试require('./AboutPage.jsx').default

webpack2 代码分割

上面的代码看起来好像都是webpack1的写法, 那么webpack2呢&#;

webpac2就需要借助System.import了

我们一样可以把上面的代码优化一下

webpack2 + dva 实现路由和 models 懒加载

标签: 详解16型人格

本文链接地址:https://www.jiuchutong.com/biancheng/369838.html 转载请保留说明!

上一篇:详细分析jsonp的原理和实现方式(jsonp的使用)

下一篇:three.js中文文档学习之如何本地运行详解(threejs中文文档pdf)

  • 什么叫差额征税呢
  • 新换财务软件如何登录
  • 出差会议纪要模板
  • 申报成功忘记清关怎么办
  • 代开专票可以开13个点吗
  • 小规模纳税人收入账务处理
  • 学生是纳税人吗为什么
  • 收款凭证填写模板下载
  • 购买车位需要交哪些税
  • 原材料加工费怎么入账的
  • 生产用水的会计分录
  • 机打发票丢失如何处理报销
  • 增值税专用发票可以开电子发票吗
  • 简易征收一般纳税人可以收专票吗
  • 办房产证要交什么税,哪里交?
  • 环境保护税即将施行 有哪些点需要关注?
  • 吊装费用税率
  • 补充养老保险税收规定扣除率
  • 航天信息服务费的会计分录
  • 获赠或继承来的房屋以后再转让
  • 住宿业的配套服务有哪些
  • 专利年费是不是只能一项一项交
  • 行程单燃油附加费可以抵扣吗
  • 快递公司怎么纳入社保
  • 节能减排奖励资金追回
  • 进项税期末有余额吗
  • 总账会计就是内外账合并吗
  • 城市维护建设税的计税依据是什么
  • 消费税在哪个环节征税
  • 股权投资收入会计处理
  • 2019年固态硬盘价格
  • c盘垃圾太多需要重装系统嘛
  • 印花税可以不计提嘛
  • 无票收入有风险吗
  • 电脑找不到ie浏览器
  • 资本公积转增注册资本的条件
  • 小规模与一般纳税人做账区别
  • 股权激励费用摊销计算
  • YII Framework的filter过滤器用法分析
  • php的ajax
  • js字符串截取
  • python创建自定义函数
  • vue导航解析流程
  • Emiller's Advanced Topics In Nginx Module Development
  • swoole扩展安装
  • 息税前利润为什么不减利息
  • 装修费摊销费计算公式
  • 无形资产摊销是按原值吗
  • 公司代个人缴纳社保,但不发工资和交税
  • 费用发票先入账吗
  • sql里面union 和union all区别
  • win2008iis安装
  • SQL SERVER 2000通讯管道后复用劫持
  • 专项应付款转资本公积需要缴纳所得税
  • 欠款在公司注销怎么处理
  • 预收款增值税纳税时间
  • 厂房出租没有开发票属于违法吗?
  • 本月开红字发票如何报税?
  • 医院收到卫生局拨款会计分录
  • 小规模出口免税是什么意思
  • 企业职工福利费可用于职工的医疗卫生费用
  • 小规模纳税人注册资金要求多少
  • 未开票收入账上税率按多少
  • 装修费用摊销是指什么
  • 年终建账于年初建账,在录入期初余额时有什么不一样?
  • 应收账款管理办法
  • sql server 用法
  • WIN7系统如何设置自动关机
  • win2003回收站
  • 如何创建微软帐户
  • style js
  • javascript零基础
  • jquery网页制作
  • Python selenium 父子、兄弟、相邻节点定位方式详解
  • each和each
  • 国家对高校食堂的最新管理规定
  • 扣缴个人所得税怎么算
  • 发票是去国税还是地税
  • 增值税发票开具后多长时间可在查询平台查询到?
  • 2021年社保又涨价了
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设