Gatsby

WSL上でReact Gatsbyを使うときに sharp というライブラリがエラーを吐く

環境移行しようとしてWSL2上にgatsbyのプロジェクトをチェックアウトしてきたところ、 yarnコマンド実行中にエラー。 どうやら sharpというライブラリが要求するpythonライブラリが足りていないようだ。 error /home/nekoha/gatsby/node_modules/sharp: Command failed. ライブラリのインストール 足りないなら、追加でOK。 sudo apt install libvips-dev -y 参考: npm install sharpで失敗するときの対処

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 配列に追加しましょう。

Episode

00:00:00 00:00:00