在 Vue 框架下使用所有的 Font Awesome icon

如果想在 Vue 使用 Font Awesome,可以參考官方的 Github 文件

JS
src/main.js
JS
src/App.vue

但是官方給的範例是「你要用哪一個 icon,就匯入哪一個 icon」,所以我們只能使用 user-secret 這個 icon,假設要使用兩個以上的 icon,就必須一直匯入,非常的麻煩。

使用 Font Awesome 所有 icon

如果你希望在 Vue 裡可以一次匯入所有 icon,不需要個別匯入的話,可以改用以下寫法:

JS
src/main.js

這邊的 fas 指的是所有的 solid icon,更多種類請參考:

fas:Solid
far:Regular
fal:Light
fab:Brands

如此一來,不需要個別匯入就可以使用所有的 Font Awesome icon 囉!