Huge bundle size without any explicit use, only of antd

[itayganor]

Hi there.
In my project I use antd for components and FontAwesome for icons. I never explicitly use icons from Ant Design (Not a single <Icon/> component in my project).
Despite that, I can see that in my bundle.js, @ant-design/icons is about 0.5MB (!) in size.

In order to optimize antd imports, I use babel-plugin-import as such:

["import", {
  "libraryName": "antd",
  "libraryDirectory": "es",
  "style": true
}]

But it doesn't seem to help with reducing the unused icons size taken in my bundle.

[patrickomeara]

I am also having this issue, we only use the table component but the whole library is included.

It's adding too much overhead. Is it possible to minimize this?

[patrickomeara]

Looks like it's a major issue that is fixed in 4.0

ant-design/ant-design#20661

[wzhudev]

Please refer to ant-design/ant-design#12011.

[itayganor]

Please refer to ant-design/ant-design#12011.

It is all Chinese. It is not possible to refer people to texts they can't read.

[wzhudev]

@itayganor There are some comments in English. You can use some help from those, and Google Translate.

[nwoeddie]

For future me and fellow Googlers...