1

我有一个 CRA 打字稿安装,我正在使用 carbon-addons-iot-react 设计库。 https://github.com/carbon-design-system/carbon-addons-iot-react

当我检查 source-map-explorer 时,我发现我的包非常大,因为 carbon-addons-iot-react 以一种奇怪的方式导入 watson 图标。

您可以在图片中看到它; 源图

我试图以摇树的方式在我的组件中导入图标

import { Add16 } from "@carbon/icons-react"; //this to
import Add from "@carbon/icons-react/es/add/16"; //this

但我认为原因是 carbon-addons-iot-react 导入图标的方式。

我还尝试了基于路由的代码拆分,但它并没有减少存储桶的大小。

构建后尺寸

我对 _generated 文件夹进行了一些研究,以及为什么它太大了。但我在网上找不到任何东西,也找不到他们的存储库上的问题。他们在存储桶中使用 PURE React.CreateElement,但由于某种原因,如果出现问题,我的 webpack 无法对它们进行三次摇晃。

有人有什么想法吗?

非常感谢。

4

0 回答 0