<AuthenticatedRoute path="/notes/:id" exact component={Notes} props={childProps} /> 

    { /* Finally, catch all unmatched routes */ } 

    <Route component={NotFound} /> 

  </Switch> 

);  

留意，不要在顶部的惹人所有的组件。我们正在创建这些代码瓜分的功能，以便在须要时为我们进行动态导入。

下面是安排好的在网站的┞锋实截图

每个.chunk.js都是须要的时刻才加载的。当然我们的法度榜样是相当小的，并且分别在各个部分的小组件，是不须要如许子按需加载的。照样看你项目标需求。

【编辑推荐】

1. JavaScript创建对象的七种方法
2. JavaScript六种持续方法
3. Vue vs React: Javascript框架之战
4. 不要再在JavaScript中写 CSS了
5. JavaScript异步开辟全攻略 之 异步的来源

【义务编辑：枯木 TEL：（010）68476606】

　　推荐阅读

　　浪潮将发布服务器新品 聚焦智慧计算

【51CTO.com原创稿件】 2017年7月6日，海潮经由过程其官方微信宣布了将于7月12日宣布其新一代办事器&mdash;&m>>>详细阅读

本文标题：【翻译】基于 Create React App路由4.0的异步组件加载（Code Splitting）

地址：http://www.17bianji.com/lsqh/36075.html

 1/2    1