相关疑难解决方法(0)

使用GraphQL查询文件夹中的所有图像

我目前正在学习Gatsby.js和GraphQL作为补充技术,并被查询所困扰。我想查询一个文件夹中的所有图像,将它们映射成槽并将它们显示在网格中的react组件中。我正在使用gatsby-source-filesystem,但不知道如何专门处理该文件夹并从中获取所有图像。

我为源文件系统设置的插件如下所示。

{
  resolve: `gatsby-source-filesystem`,
  options: {
    path: `${__dirname}/src/posts`,
    name: 'posts',
  },
},
{
  resolve: `gatsby-source-filesystem`,
  options: {
    name: `images`,
    path: `${__dirname}/src/assets/images`,
  },
},
{
  resolve: `gatsby-source-filesystem`,
  options: {
    name: `photos`,
    path: `${__dirname}/src/assets/photos`,
  },
},
Run Code Online (Sandbox Code Playgroud)

我的图片在src / assets / photos中

谢谢你的帮助!

reactjs graphql gatsby

10
推荐指数
2
解决办法
2380
查看次数

标签 统计

gatsby ×1

graphql ×1

reactjs ×1