如何在 React 中删除 Antd v4 未使用的代码

编程问答 2022-05-01

问题描述

我在 Gatsby 中使用 Antd v4。我注意到很少有大块在尝试优化，并且几乎所有块都包含 Antd 代码，根据 Chrome DevTools 覆盖工具，这些代码未使用。我如何才能对未使用的 Antd 进行摇树，因为我认为摇树已经到位。

我已经尝试了多个导入和单个导入，如下所示，但两者都没有区别，

import Row from 'antd/es/row';
import Col from 'antd/es/col';

import { Col,Row } from 'antd';

我需要从 Antd 库中删除未使用的代码。

antd 版本：4.15.3，@ant-design/icon 版本：4.2.2

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

antdantdantdreactjsreactjsreactjsreactjstree-shakingwebpackwebpackwebpack