umi中怎么使用import.lazy

一个比较大的组件

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中要怎么用

阅读 2.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题