GatsbyでSASS, SCSSを扱う
CSS を書くのに、今どき生 CSS は書かないですよね。
Gatsby でも SCSS を扱うためには、プラグインをインストールします。
依存モジュールのインストール
gatsby-plugin-sassを追加します。node-sassも一緒に。
yarn add node-sass gatsby-plugin-sass
gatsby-config.js の修正
gatsby-config.js にプラグインの参照を追加します。
plugins 配列に追加しましょう。
module.exports = {
plugins: [
// ～～中略：他のプラグイン～～
`gatsby-plugin-sass`,
],
}
あとはいつもどおり
あとはいつもどおり gatsby develop で動作確認できます！
node-sass のバージョンで怒られるときは
2020/11/13 時点で、yarn add node-sass すると5.0.0 がインストールされます。
プラグイ