懒加载是如何实现的

webpack用的import组件。

import() 语法，import()内部用的是promise。

Webpack 会将任何一个异步模块与相同的块名称组合到相同的异步块(bundle)中

// webpack会读取webpackChunkName
// 这定义一个能够被webpack自动代码分隔的异步组件
const Site = () => import(/* webpackChunkName: "my-site" */ './site/index.vue’);

具体步骤

1. js里面定义异步组件(通过import组件定义)
2. Webpack 会将任何一个异步模块与相同的块名称组合到相同的异步块(bundle)中
3. WebpackUploadPlugin：会对异步chunk上传到cdn,然后返回一个上传到cdn的链接
4. js代码中会保留这个cdn链接，然后在路由到达的时候去创建script标签和link标签去异步加载这js&css