🐛[BUG] @ant-design/icons are not treeshaked and all of them are added to the bundle

[mxschmitt]

🐛 bug 描述

@ant-design/icons are not treeshaked and by that all 1.26 MB are added to the bundle.

Related ant-design/ant-design#12011

Feel free to transfer this issue to other Ant Design repositories.

📷 复现步骤

1. Clone the Ant Design Pro repository
2. Install webpack-bundle-analyzer via NPM / Yarn
3. Add that to your config:

  chainWebpack: (config) => {
    const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
    config.plugin("BundleAnalyzerPlugin").use(BundleAnalyzerPlugin)
  },

4. Build the project

🏞 期望结果

Treeshaked Ant Icons, so not all of them are always loaded.

💻 复现代码

© 版本信息

• Ant Design Pro 版本: 4.1.3
• umi 版本: 3.1.1
• 浏览器环境: Chrome 80
• 开发环境 macOS

🚑 其他信息

[chenshuai2144]

you can use news prolayout plugins
it only load used icons

[mxschmitt]

@chenshuai2144 which one exactly? I've used:

• umi-plugin-antd-icon-config
• umi-plugin-antd-theme
• umi-plugin-pro

all of them don't fix the issue that all icons were included in the bundle. I'm referring to the official template, where this issue is also persistent. Thats's why I'm so confused.