Gatsby.jsでSassを導入する手順
Gatsby.jsでSassを導入する手順になります。
gatsby-plugin-sassを導入する
Gatsby.jsでSassを使用するには、プラグインを導入します。
# npm
npm install node-sass gatsby-plugin-sass
# yarn
yarn add node-sass gatsby-plugin-sass
gatsby-config.jsで設定をする
gatsby-config.js
module.exports = {
/* Your site config here */
plugins: ["gatsby-plugin-sass"],
}
gatsby-config.jsで、上記のように読み込みます。
これでGatsby.jsでSassが使用可能になります。
※node-sassのバージョンによってエラーが出る場合があります。
Gatsby.js 【Node Sass version 5.0.0 is incompatible with ^4.0.0.】 エラーの対処法
Author And Source
この問題について(Gatsby.jsでSassを導入する手順), 我々は、より多くの情報をここで見つけました https://qiita.com/TK-C/items/8e417842678b455751d5著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .