nuxt使ってる時に各テンプレート内で必ず使用するcssをグローバルで適用させたいなーと思ったので、nuxtのレイアウトファイルにimportを書くことによって対応しました。
layouts/default.vue
<template>
<div>
<nuxt/>
</div>
</template>
<script>
import '@/assets/css/common.css'
</script>
・・・が、この方法だと新しいレイアウトファイルを作成した場合、
それぞれにimportを書く必要があることに気づいて発狂しかけたので調べたところ、公式ドキュメントにちゃんと解決策が書いてありました。(良い子のみんなはちゃんと公式ドキュメントも読もうね!)
cssプロパティ
てなわけでnuxt.config.js
に下記のようにcssプロパティを追加して事なきを得ました。
nuxt.config.js
module.exports = {
css: [
'@/assets/css/style.css',
],
}
やったぜ。