在没有Graphql的情况下从Gatsby src文件夹中获取图像，同时仍然对其他图像使用Graphql

module.exports = {
  plugins: [
    // 其他插件配置...
    `gatsby-plugin-sharp`,
    `gatsby-transformer-sharp`,
  ],
}

import React from "react"
import { useStaticQuery, graphql } from "gatsby"
import Img from "gatsby-image"

const MyComponent = () => {
  const data = useStaticQuery(graphql`
    query {
      file(relativePath: { eq: "images/example.jpg" }) {
        childImageSharp {
          fluid {
            ...GatsbyImageSharpFluid
          }
        }
      }
    }
  `)

  return (
    <div>
      <Img fluid={data.file.childImageSharp.fluid} alt="Example" />
    </div>
  )
}