HOME/Articles/

Gatsbyでよく使うプラグイン

Article Outline

plugins

gatsby-plugin-image

画像を最適化するためのプラグイン。

依存関係

  • gatsby-plugin-sharp
  • gatsby-transformer-sharp
  • gatsby-source-filesystem

gatsby-background-image

gatsby-plugin-imageを背景画像でも扱うプラグイン。

依存関係

  • gatsby-plugin-sharp

gatsby-plugin-react-helmet

react-helmetをgatsbyで扱うプラグイン。 meta関連の設定をする。

依存関係

  • react-helmet
  • @types/react-helmet

gatsby-plugin-typegen

GraphQLのクエリから型を自動生成するプラグイン。 gatsby v4.15からは公式でサポートしているため入れる必要はない(未検証)。

gatsby-plugin-manifest

faviconを設定するためのプラグイン。 PWAの設定もする。

依存関係

  • gatsby-plugin-offline

gatsby-plugin-emotion

emotionをgatsbyで扱うためのプラグイン。

依存関係

  • @emotion/react

gatsby-plugin-alias-imports

ビルド時にパスエイリアスを解決するためのプラグイン。