2020年如何在Vue项目中正确使用FontAwesome?

我想在Vue 2.5项目中使用一些FontAwesome字体(与Laravel一起运行)。根据手册,如果我不想使用CDN并使我的应用程序脱机运行,最好的方法是将其添加到我的 app.js :

import { library } from '@fortawesome/fontawesome-svg-core'
import { faUserSecret } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

library.add(faUserSecret)

Vue.component('font-awesome-icon', FontAwesomeIcon)

然后在我的Vue组件中( .vue )我必须使用这个:

<font-awesome-icon icon="user-secret" />

因此,每次我想使用新图标时,我都必须:

1. 首选 https://fontawesome.com/icons

2. 检查 free 按钮

3. 搜索图标

4. 转到细节

5. 复制链接,即。 <i class="far fa-eye"></i>

6. 转到我的 app.js (或者在我的情况下,我的 fontawesome.js )并添加:

   import { faUserSecret, faEye } from '@fortawesome/free-solid-svg-icons'
   
   library.add(faUserSecret)
   library.add(faEye)
   

7. 转到我的Vue组件并添加 <font-awesome-icon icon="eye" /> 无论我想去哪里

这个过程是最佳和最小的吗?