Skip to main content

按需加载

使用场景#

当项目打包体积过大时,或者项目中某个组件体积过大时,可开启按需加载,避免首次进入页面因为包体积过大而变得缓慢。

启用路由按需加载#

路由按需加载功能默认是关闭的,你需要在使用之前先通过配置开启,配置中包含 loading 选项,用于配置加载状态时展示的组件地址,如果不配置会展示默认加载组件。

import { defineConfig } from 'viter';
// viter.config.ts;export default defineConfig({  dynamicImport: { loading: '@/component/Loading' },});