webpack模塊化打包，結合react-route實現分文件打包，按需加載

一般單頁應用是離不開路由的，那麼一般引入組件的時候大家習慣性的使用import XXX from ‘XXX’，這樣的話，webpack在打包的時候會將import的組件全部打包進去，這裏我是利用react-route來實現路由機制的，這裏可以採用它提供的getComponent來動態獲取組件，這樣就實現了按需加載，而不是一股腦的都打包在一個文件中，大大提供了首屏加載的速度，如下圖： 其中this.

>>阅读原文<<