vue 按需加載

修改 router 配置文件，實現按需加載

 import() 載入相應模塊就會按需加載相應模塊 ,必須放在箭頭函數後面，至關於：

function Home(){
  return '@/comptents/Home' ; 
}

 vue-router會執行function ，獲取返回的promise,加載相應的模塊 

 

如今咱們來看一下結果

 

這是壓縮後的文件 

 

運行後結果

 

若是分離魔鎧文件不想用數字的話，能夠修改配置文件

從上圖 改爲下圖這樣

是否是很簡單，趕忙去試試吧