實現路由級的動態加載(code splitting),可按需指定哪一級的按需加載。
配置項包含:
- webpackChunkName,是否通過 webpackChunkName - 實現有意義的異步文件名
- loadingComponent,指定加載時的組件路徑
- level,指定按需加載的路由等級
export default {
plugins: [
dynamicImport: {
loadingComponent: './components/PageLoading/index',
webpackChunkName: true,
level: 3,
},
],
};