# 按需加载

出于性能的考虑,我们会对模块和组件进行按需加载。

# 按需加载组件

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

import dynamic from 'umi/dynamic';

const delay = (timeout) => new Promise(resolve => setTimeout(resolve, timeout));
const App = dynamic({
  loader: async function() {
    await delay(/* 1s */1000);
    return () => <div>I will render after 1s</div>;
  },
});

# 按需加载模块

通过 import() 实现,比如:

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