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

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

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

這樣寫後，再用webpack進行打包的時候，就會分文件打包，然後在前端按需加載，加載一次後，再訪問相應組件的時候不會再去加載一次。