Nuxt.jsでpug,scssを導入する手順

個人的な備忘録として。

npmで必要なパッケージをインストール

// pug
$ npm i --save-dev pug pug-loader pug-plain-loader
## " --save-dev"はアプリでのみ使用できる形でインストールする、という意味

## インストール完了後、下記が表示される
+ pug@2.0.4
+ pug-loader@2.4.0
+ pug-plain-loader@1.0.0
added 49 packages from 90 contributors and audited 901646 packages in 16.945s

47 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

// scss

$ npm i --save-dev node-sass sass-loader

## インストール完了後、下記が表示される
+ sass-loader@8.0.2
+ node-sass@4.13.1
added 97 packages from 54 contributors, updated 1 package and audited 902192 packages in 28.621s

48 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities