antd vue icon自带的icon显示不全

ant-design-vue中的icon,只有很少的图标能够显示出来,大多数不能显示:

<a-button icon="smile-o">OK</a-button>
<icon type="smile-o" />

上面的smile能正常显示,但是其他文档中提到的大多数图标不能显示。

打印了一下下面的东西:

import * as allIcons from '@ant-design/icons/lib/dist'
console.log(allIcons)

结果是这样的:

smile在这个对象中。这个对象中的图标都能用。
但是在@ant-design/icons/lib/dist这个文件中,导出了七百多个图标。
请教大神,这是为什么呢?

阅读 10k
1 个回答

明白了,是因为vue.config.js中设置了这个:

resolve: {
    alias: {
        '@ant-design/icons/lib/dist$': resolve('./src/core/antd/icons.js')
    }
}

./src/core/antd/icons.js没有引用全部的icon,只要按需添加就行了……

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏