如何在graphql gatsby中允许可选的锐化图像？

npm install gatsby-plugin-sharp gatsby-transformer-sharp

module.exports = {
  plugins: [
    'gatsby-plugin-sharp',
    'gatsby-transformer-sharp',
  ],
}

query {
  allImageSharp {
    nodes {
      fluid {
        ...GatsbyImageSharpFluid
      }
    }
  }
}

query {
  allImageSharp {
    nodes {
      fluid(maxWidth: 800, sharp: { sharpness: 10 }) {
        ...GatsbyImageSharpFluid
      }
    }
  }
}

import React from 'react'
import { graphql } from 'gatsby'
import Img from 'gatsby-image'

const MyPage = ({ data }) => (
  <div>
    <h1>My Page</h1>
    <Img fluid={data.allImageSharp.nodes[0].fluid} alt="My Image" />
  </div>
)

export const query = graphql`
  query {
    allImageSharp {
      nodes {
        fluid(maxWidth: 800, sharp: { sharpness: 10 }) {
          ...GatsbyImageSharpFluid
        }
      }
    }
  }
`

export default MyPage