antd vue icon自带的icon显示不全

发布于 2022-09-12 23:32:30 字数 536 浏览 24 评论 0

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这个文件中,导出了七百多个图标。
请教大神,这是为什么呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

吃兔兔 2022-09-19 23:32:30

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

resolve: {
    alias: {
        '@ant-design/icons/lib/dist

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

: resolve('./src/core/antd/icons.js') } }

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文