[Nuxt]FontAwesome CDNを反映させよう

NuxtでFontAwesomeなどのCDNを反映させるためにはどうすればいいんだっけ?ってなったので、調べてやってみました。備忘録的な。

CDNを反映

nuxt.config.jsの中を編集してあげるだけ。

head: {
  script: [
    { src: 'https://use.fontawesome.com/releases/v5.3.1/js/all.js' }
  ]
},

これだけで読み込めました。

FontAwesomeを用いて開発することは多いと思うのでこれは忘れないようにしたい。

Buefyで扱うには?

Buefyのアイコンでも簡単に使えます。

例えばこんな感じで!

<b-icon pack="fas" icon="plus" size="is-medium"></b-icon>

FontAwesome以外のCDNも同じようにいけると思います!