参考にさせていただいたページ
sassとsass-loaderをインストールする
以下のコマンドでインストールしました。
npm install --save-dev sass sass-loader
参考にした「Nuxt - Configuration」では、sass-loader@10とバージョン指定されていましたが、指定せずに以下のようにインストールしてみました。
以下のバージョンがインストールされましたが、今のところ問題なく動いているようなのでそのまま使っています。
"devDependencies": {
"nuxt": "3.0.0",
"sass": "^1.57.1",
"sass-loader": "^13.2.0"
},
vueファイルで使う
お馴染みの感じで以下のように lang="scss" で書いています。
<style scoped lang="scss">
.hoge-page {
font-size: 16px;
}
</style>
