Reactjs 在webpack bundle analyzer中看到延迟加载的模块正常吗？

问题

我的问题是webpack analyzer一直向我显示我不想要的模块。我不知道这是否正常

代码

import React, { ReactElement, Suspense } from 'react';
import ReactDOM from 'react-dom';
const SwaggerUI = React.lazy(() => import('swagger-ui-react'));

const rootElement = document.getElementById('root');

const App = (): ReactElement => {
  return (
    <div>
      <Suspense fallback={<div>Loading...</div>}>
        <SwaggerUI url='https://petstore.swagger.io/v2/swagger.json' />
      </Suspense>
    </div>
  );
};

if (module.hot) {
  module.hot.accept();
}

ReactDOM.render(<App />, rootElement);

命令：

npm run analyzer:prod

结果

---

是的，我认为它向您显示延迟加载的组件也是正常的。这些组件将延迟加载（在用户单击或请求时），但我们仍然关心它们的大小，并希望在此视图中分析这些详细信息。

您应该更关心“延迟加载”是否有效。那么，我的问题是——惰性负载是否在应用程序中按预期工作？

npm run analyzer:prod