一、懶載入

也叫延遲載入或者按需載入，即在需要的時候進行載入，

二、為什麼要使用懶載入

像vue這種單頁面應用，如果沒有應用懶載入，運用webpack打包後的檔案將會異常的大，造成進入首頁時，需要載入的內容過多，時間過長，會出啊先長時間的白屏，即使做了loading也是不利於使用者體驗，而運用懶載入則可以將頁面進行劃分，需要的時候載入頁面，可以有效的分擔首頁所承擔的載入壓力，減少首頁載入用時

　　　　簡單的說就是：進入首頁不用一次載入過多資源造成用時過長

三、非懶載入的路由配置項

四、vue非同步元件實現路由懶載入

　　使用vue的非同步元件，可以實現路由的懶載入

　　{           

　　　　 path: '/home',           

　　　　 name: 'home',           

　　　　 component: resolve => require(['../components/home'], resolve)       

　　 } 

五、es提出的import(推薦使用這種方式)

const homeFn = () => import('../components/home/home')

const movieFn = () => import('../components/movie/movie')   

export default new Router({   

　　 routes: [       

　　　　 {   

　　　　　　path: '/home',   

　　　　　   name: 'home',            

　　　　　　component: homeFn       

　　　　 },       

　　　　 {            

　　　　　　path: '/movie',            

　　　　　　name: 'movie',           

　　　　　　 component: movieFn      

　　　　  }  

  ] })   

六、chunkFilename

chunkFilename：chunkname就是未被列在entry中，但有些場景需要被打包出來的檔案命名配置。比如按需載入（非同步）模組的時候，這樣的檔案是沒有被列在entry中的使用CommonJS的方式非同步載入模組 

chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')