按需加载

出于性能的考虑,我们会对模块和组件进行按需加载,比如 umi 本身在实现的时候,每个页面就是按需加载的。

按需加载组件

通过 umi/dynamic 接口实现,比如:

  1. import dynamic from 'umi/dynamic';
  2. const delay = (timeout) => new Promise(resolve => setTimeout(resolve, timeout));
  3. const App = dynamic(async function() {
  4. await delay(/* 1s */1000);
  5. return () => <div>I will render after 1s</div>;
  6. });

按需加载模块

通过 import() 实现,比如:

  1. import('g2').then(() => {
  2. // do something with g2
  3. });

原文: https://v1.umijs.org/guide/load-on-demand.html