修改 router 配置文件,实现按需加载

 import() 载入相应模块就会按需加载相应模块 ,必须放在箭头函数后面,相当于:
function Home(){
  return '@/comptents/Home' ; 
}
 vue-router会执行function ,获取返回的promise,加载相应的模块 
 
现在我们来看一下结果
 
这是压缩后的文件 

 

运行后结果

 

如果分离魔铠文件不想用数字的话,可以修改配置文件

从上图 改成下图这样

 

是不是很简单,赶紧去试试吧