1.進入iconfont圖標庫

2.點擊下載

3.將下載文件解壓拷貝至項目assets文件夾下

4.在main.js中全局引入

import './assets/iconfont/iconfont.css'

5.在App.vue中使用

<span class="icon iconfont icon-****"></span>

今天使用過程中按照這個導入還是一直會報錯最后發現在webpack.config.js中需要添加

{ test:/\.(ttf|eot|woff|woff2|svg)$/, use:['file-loader'] }

總結

以上是生活随笔為你收集整理的关于vue中使用iconfont的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。