在路由中使用
component:()=>import(/* webpackChunkName:"about" */‘../views/About.vue‘)
来实现组件的懒加载，这种配置会生产一个about.[hash].js
对于优化首屏很有帮助，但对于内部页面会有一点损失，比较资源不会一次加载到位的
const routes = [
{
path: ‘/‘,
name: ‘Home‘,
component: Home
},
{
path: ‘/about‘,
name: ‘About‘,
component: ()=> import(/* webpackChunkName: "about"*/ ‘../views/About.vue‘)
}
]
在开发时可以有选择性地懒加载，全部加载，这个属于是router级别的代码分割
vue项目中 页面组件懒加载使用webpackChunkName
原文：https://www.cnblogs.com/ommph/p/14830358.html