在 antd@3.9.0
中,我们引入了 svg 图标(为何使用 svg 图标?)。使用了字符串命名的图标 API 无法做到按需加载,因而全量引入了 svg 图标文件,这大大增加了打包产物的尺寸。在 4.0 中,我们调整了图标的使用 API 从而支持 tree shaking,减少 antd 默认包体积约 150 KB(Gzipped)。
新版 Icon 使用方式:
其中第四行为需要引入的图标名
代码及效果如下:
当执行完后仍会报出下面的错误:
Module not found: Can't resolve '@ant-design/compatible'
我们可以通过下面命令解决: