NOTE 093 / 2021年
Gatsby 3 で変わるビルドの勘所
Gatsby 3 への更新で見えた、ビルドとプラグインの変化をまとめます。
読了目安 約2分
Gatsby 3 では、依存関係の更新とビルドの仕組みに変化があります。プラグインの対応状況を確認せずに一気に上げると、画像処理やデータ取得のところで止まりやすいため、更新の順番を決めて進めます。
ビルド時間が伸びた場合は、どの処理が重いのかを切り分けます。キャッシュを効かせられる部分と、毎回作り直す部分を分けるだけでも、開発中の待ち時間は変わります。
押さえたい点
- 01プラグインの対応状況を先に調べる
- 02更新の順番を決める
- 03重い処理を切り分ける
参考資料
外部サイトが開きます。内容は各サイトの管理下にあります。
- Gatsby ドキュメント 外部サイトgatsbyjs.com
- React 学習ガイド 外部サイトreact.dev
- React リファレンス 外部サイトreact.dev
- React で考える 外部サイトreact.dev
- useState リファレンス 外部サイトreact.dev
- useEffect リファレンス 外部サイトreact.dev
- useContext リファレンス 外部サイトreact.dev
- TypeScript ドキュメント 外部サイトtypescriptlang.org
- MDN Web Docs 外部サイトdeveloper.mozilla.org
- web.dev 外部サイトweb.dev
- W3C WAI 外部サイトw3.org
- GitHub Docs 外部サイトdocs.github.com
- Chrome for Developers 外部サイトdeveloper.chrome.com