react-router4基于react-router-config的路由拆分与按需加载

继上一篇 基于react16 webpack3 搭建前端spa基础框架 react-router的4种异步加载方式 继续讲解。

项目源码guthub地址：github.com/wangweiange…

这篇文章主要讲解对react-router-config的使用，达到配置路由在每一个模块里面管理。

一样在react开发里面我也但愿如此。 在v4版本之前 动态路由 的配置方式可以解决个人问题，V4以前版本有兴趣的可参考：github.com/wangweiange…

在react-router升级到V4版本以后 react-router-config 能解决个人问题。

参考连接：www.npmjs.com/package/rea…

继上一次的按需加载以后，来配置一下路由的分开配置，下面主要以图片来讲明。

一：在每一个page模块里面新建一个 router.js 路由管理文件，以下图：

router.js 文件的内容请参考 react-router-config ，下图给一个案例。

注意：exact参数只能配置一个，通常默认配置跟域名。

二：在app.jsx 文件统一合并路由，切图以下：

至此咱们的路由拆分就已经完成，很是的简单。

随着React Router v4的推出，再也不有集中的路由配置。看看下面的切图，咱们能够作到更多的按需加载，和预加载功能。

V4版本的路由还有不少的功能等待咱们的挖掘，你能够看看官方文档，看看npm文档，你会发现更多有趣的事情。

因为我并无多少react的开发经验，以上也只是浅显的一些使用，若是说的有问题的地方欢迎指正。

关注个人博客：zane的我的博客

原文地址：react-router4基于react-router-config的路由拆分与按需加载