官方的 react-router 打包后有 100 多 k，挪动端上相称影响首屏速率，这里有一个功用相称的 react 路由，只需 2k ！！！

分享给人人，迎接 star，迎接试用，优化机能！这里分享给人人：

GitHub：https://github.com/lanjingling0510/react-rainie-router

开辟目标

近来在做公司的 CQASO 挪动端项目，用的 react+redux 。 spa 单页用 react-router 路由完成导航。每一个页面零丁要求(coding-split)后，大众模块的 js 大小为 120k(gzip 紧缩后)，加上分离出来的单个页面的大小，致使首屏的衬着响应速率极低。为了进步首屏的响应速率，减小 bundle 的大小，我摒弃了 100 多 k 的 react-router ，本身写了一套功用， api 一样的路由。

简朴引见

react-rainie-router 有以下特性：

它紧缩后只要 2k 的大小。

• 它包含了 react-router 的大部分功用。包含 Router,Route,Link 组件，路由的嵌套，动态路由，默许路由

• 支撑coding-spliting,在 Route 的 getComponent 属性中设置。

• 能够不依赖 history ，运用 html5 的 history API 。

• 经由过程 listenBofore 函数可增加路由过渡动画的逻辑等。

优化后可减小， gizp 后可削减 15k 的大小。