學(xué)習(xí)vite搭建vue3的ts的前端框架谦炒，前端采用的是ant版本的vue漾狼，選擇ant的原因之一是因為阿里家的嗤放，同時，對自家的[icon](https://www.iconfont.cn/plus "icon")支持非常友好廊鸥。主要在icon里面創(chuàng)建一個賬號望浩，維護自己的倉庫，就可以線上添加icon惰说，項目里面直接使用了磨德。不用導(dǎo)入其他的文件。如果是離線運行的項目吆视，則跳過這個文章吧典挑，因為這個是需要在線加載文件的。
創(chuàng)建全局辦的icon模塊很簡單啦吧，只需要在main.ts里面添加幾個配置就好您觉。
// 自定義的icon
import { createFromIconfontCN } from '@ant-design/icons-vue';
const Fonts = createFromIconfontCN({
scriptUrl: '//at.alicdn.com/t/font_3243513_tpd19zgtmy.js'
})
// 然后在vue里面使用對應(yīng)的模塊即可
createApp(App).use(router).use(store).use(Antd).component("LocalIcon", Fonts).mount('#app')
這樣，在項目里面授滓，可以直接通過LocalIcon這個標簽來直接使用了琳水。項目里面的代碼如下:
<local-icon type="icon-liebiao" />
上面的type就是你在icon里面創(chuàng)建倉庫的對應(yīng)的icon的名稱。
這樣般堆，你可以在線上動態(tài)的添加在孝、編輯、修改icon淮摔，而項目里面就可以直接用了私沮。
剛測試了一下，修改icon之后和橙，需要重新生成連接仔燕，否則icon不會更新
