首页 > 解决方案 > 如何在 React 中删除 Antd v4 未使用的代码

问题描述

我正在将 Antd v4 与 Gatsby 一起使用。我注意到很少有大块正在尝试优化,并且几乎所有块都包含根据 Chrome DevTools 覆盖工具未使用的 Antd 代码。我如何摇晃未使用的 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

在此处输入图像描述

标签: reactjswebpackantdtree-shaking

解决方案


推荐阅读