gatsby-transformer-sharp/src/create-resolvers.js

Gatsby transformer plugin for images using Sharp

const { supportedExtensions } = require(`./supported-extensions`)

module.exports = ({ createResolvers, reporter }, pluginOptions = {}) => {
  const { checkSupportedExtensions = true } = pluginOptions

  const resolvers = {
    File: {
      childImageSharp: {
        resolve: (parent, args, context, info) => {
          // TODO: In future when components from GraphQL are possible make sure that we can support both supported & unsupported image formats
          if (
            !supportedExtensions[parent.extension] &&
            checkSupportedExtensions
          ) {
            reporter.warn(
              `You can't use childImageSharp together with ${parent.name}.${parent.extension} — use publicURL instead. The childImageSharp portion of the query in this file will return null:\n${context.componentPath}`
            )
          }
          return info.originalResolver(parent, args, context, info)
        },
      },
    },
  }

  createResolvers(resolvers)
}