umi中怎么使用import.lazy

• Z时代
• 2024-03-02
• 分类：IT

一个比较大的组件

import bigjs from 'bigjs';
export default ()=><div>使用了bigjs</div>

页面组件

// 该组件是动态加载的
const OtherComponent = React.lazy(() => import('./BigJs'));
function MyComponent() {
  return (
    // 显示 <Spinner> 组件直至 OtherComponent 加载完成
    <React.Suspense fallback={<Spinner />}>
      <div>
        <OtherComponent />
      </div>
    </React.Suspense>
  );
}

umi中配置(https://umijs.org/zh-CN/confi...)

export default {
  dynamicImportSyntax: {},
};

但是打包发现，bigjs并没有没拆出来，请问大神umi中要怎么用

以上是 umi中怎么使用import.lazy 的全部内容， 来源链接： utcz.com/p/937048.html