如何在 Buefy 中配置 Font Awesome

Question

有人可以让我知道一些如何使用 NPM 向 Buefy 添加和配置 Font Awesome 5 字体的示例。

这方面的文档非常稀少。谢谢！

https://buefy.github.io/documentation/start

Answer 1

要使用 NPM 而不是 CDN：

1. 安装 nuxt-fontawesome。

npm i nuxt-fontawesome
npm i @fortawesome/fontawesome-svg-core @fortawesome/vue-fontawesome

2. 安装一个图标集，例如：

npm i @fortawesome/free-solid-svg-icons

3. 编辑 nuxt.config.js 如下：

modules: [
  'nuxt-buefy',
  'nuxt-fontawesome'
],
buefy: {
  materialDesignIcons: false,
  defaultIconPack: 'fas',
  defaultIconComponent: 'font-awesome-icon'
},
fontawesome: {
  imports: [
    {
      set: '@fortawesome/free-solid-svg-icons',
      icons: ['fas']
    }
  ]
}

用法示例：

<b-icon pack="fas" icon="home" size="is-large" />