按需加载
出于性能的考虑,我们会对模块和组件进行按需加载,比如 umi 本身在实现的时候,每个页面就是按需加载的。
按需加载组件
通过 umi/dynamic
接口实现,比如:
import dynamic from 'umi/dynamic';
const delay = (timeout) => new Promise(resolve => setTimeout(resolve, timeout));
const App = dynamic(async function() {
await delay(/* 1s */1000);
return () => <div>I will render after 1s</div>;
});
按需加载模块
通过 import()
实现,比如:
import('g2').then(() => {
// do something with g2
});