路由懒加载：访问的时候才会加载相应的组件 vue 异步加载 + webpack 代码分割 = 路由懒加载 ~~~ // 异步加载 const Foo = () => Promise.resolve({ /* 组件定义对象 */ }) // 代码分割 ----> 使用动态 import import('./Foo.vue') // 返回 Promise // 一个被 webpack 自动代码分割的异步组件 const Foo = import(/* webpackChunkName:'home'*/ '../Foo.vue'); // 魔法注释可以给拆分出的文件命名，相同名字的会被打包到一个文件中 ~~~ ## require.ensure ``` const Home = resolve => { require.ensure(['./views/Home.vue'], () => { resolve(require('./views/Home.vue')) }) } // 引入 About 组件 const About = resolve => { require.ensure(['./views/About.vue'], () => { resolve(require('./views/About.vue')) }) } ``` ### webpack 中， require.ensure是怎么运行的 1. 不太明白