1. 实现方式:Vue的异步组件+Webpack的代码分割
- 异步组件
const Foo = () => Promise.resolve({ /* 组件定义对象 */ })
- webpack
import('./Foo.vue') // 返回 Promise
- 定义被webpack自动分割代码的异步组件
const Foo = () => import('./Foo.vue')
- 把组件按组分块
某个路由下的所有组件都打包在同个异步块 (chunk) 中
2.使用问题