webpack模块化打包，结合react-route实现分文件打包，按需加载

一般单页应用是离不开路由的，那么一般引入组件的时候大家习惯性的使用import XXX from ‘XXX’，这样的话，webpack在打包的时候会将import的组件全部打包进去，这里我是利用react-route来实现路由机制的，这里可以采用它提供的getComponent来动态获取组件，这样就实现了按需加载，而不是一股脑的都打包在一个文件中，大大提供了首屏加载的速度，如下图：

其中this.getComponent方法中主要代码如下:

这样写后，再用webpack进行打包的时候，就会分文件打包，然后在前端按需加载，加载一次后，再访问相应组件的时候不会再去加载一次。