React-router中结合webpack实现按需加载实例

简要介绍：在React-router中，暴露了3个接口，如果结合webpack的code splitting，就通过切换路由实现按需加载。webpack可以通过一些方法，来实现按需加载，暴露的接口为require.ensure这个require.ensure保证了模块的异步调用，当callback回调中调用了一个模块的时候，可以实现按需加载。webpack的配置：在这里我们加上了chunkFilename：…. 这句代码用于分割js，特别注意publicPath这个路径要与服务器的资源的路径对应，否则加载js的时候会出现404错误。通过getComponents等3个方法重新配置路由这里我们将路由定义中的component替换成了 getComponent。