位置: 编程技术 - 正文

详解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)

  • 预收三年租金 房产税怎么算
  • 累计折旧影响所得税费用吗
  • 关联企业房产转让
  • 增值税期末余额在哪方
  • 购入汽车的增值税可以抵扣差额开具的销项吗
  • 税务稽查补缴的税款需要申报吗
  • 房屋及建筑物属于什么会计要素
  • 外籍个人工资薪金汇出境
  • 用现金暂付职工差旅费3000元
  • 成本未取得发票
  • 流动比率与速动比率之差等于现金比率
  • 员工工资超过多少钱要交税
  • 甲供材料工程如何办理结算
  • 小规模纳税人是小微企业吗
  • 四季度企业所得税怎么报
  • 房地产开发企业会计科目
  • 货物和劳务
  • 劳务分包简易计税可以抵扣吗
  • 预提固定资产折旧费
  • 房地产企业预付账款为负数
  • 业务费用包干制
  • 所得税申报怎么弥补以前年度亏损
  • win101703怎么看
  • 电脑删文件需要授权
  • 固定资产清理应交税费怎么算
  • 建筑劳务公司的成本有哪些,怎么做账
  • linux系统应对攻击的常用防御手段的描述
  • win10预览版是什么意思
  • 增值税 劳务费
  • help是什么文件夹可以删除吗
  • Linux系统中怎么定位到java代码的方法级
  • 材料成本差异属于成本类账户吗
  • 收取包装物押金税率
  • 二阳来临
  • 承兑汇票无法兑付
  • nstat命令 监视内核的SNMP计数器和网络接口状态
  • 政府会计公共基础设施分类
  • 法律服务费属于什么服务
  • 计提的坏账准备计入什么科目
  • sqlserver调用存储过程写法
  • 新会计准则下的资产负债表
  • 低值易耗品如何界定
  • 债权人债务重组损益计入什么科目
  • 金税四期上线企业还活吗
  • 未分配利润可以弥补亏损吗
  • 业务招待费如何调整
  • 股票分红是怎么扣税的
  • 进口货物应纳增值税的计算公式
  • 申报抵扣
  • 职工辞退福利是否要申报个税
  • 中小型企业应收账款风险管理
  • 甲方代交水电费合法吗
  • 在外地设办事处需要办什么手续
  • 赠送商品需要开发票吗
  • 公允价值的通俗理解
  • 暂估成本估多了怎么办
  • 资产负债表中的应交税费包括什么
  • 商品进销差价的作用
  • 进项税额有抵扣期限吗
  • 总公司中标走子公司账户违法吗
  • 企业购买土地时土地款缴纳的耕地占用税入账
  • 企业被收购的账务处理
  • 食品加工企业成本核算方法和流程
  • 收到保险公司赔款
  • 电脑属于固定资产哪类
  • sql server错误和使用情况报告
  • 数据库服务器配置方案
  • mysql检索语句
  • 如何使用airplay2
  • 系统引导程序出错了如何修复
  • windows8怎么关闭广告弹窗
  • unity签名
  • js的脚本语言
  • 八大排序算法的时间空间复杂度
  • animate怎么整个图层移动
  • JavaScript Try...Catch 声明的 使用方法
  • 供暖配套费
  • 残疾人保障金税前扣除规定
  • 个人所得税工资达到多少才交税
  • 年报汇算清缴怎么做
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设