背景
我正在将一个旧的php电子商务网站转换为使用gatsby.js构建的静态网站。
我将所有商品元数据放入单独的.json文件中(每个商品一个),并能够使用json和文件转换器插件加载它们。这些文件位于/items
目录下。然而,每个商品都与一组标准图片相关...例如item-01-main.jpg
、item-01-placement.jpg
等。我将所有图片放在/itemphotos
目录下,并按照此处的说明将其加载到graphql中。
问题
在加载所有产品的页面上,我不知道如何合并每个产品的item-xx-main.jpg
图片:我不知道哪个graphql查询可以获取两组数据并将它们匹配/合并。
/items
item-01.json
item-02.json
/itemphotos
item-01-main.jpg
item-01-placement.jpg
item-02-main.jpg
item-02-placement.jpg
我觉得我的目录结构可能不太合适,也许我应该将所有相关的图片和产品JSON一起存放在一个文件夹中:
/items
item-01/
item-01.json
item-01-main.jpg
item-01-placement.jpg
item-02/
item-02.json
item-02-main.jpg
item-02-placement.jpg
那么我该如何在graphql中将由包含图像和json的item-xx/
子文件夹组成的items/
目录视为单个实体进行数据源处理呢?
我没有选择使用markdown文件,因为我想要最大的UI灵活性。
allFile(filter: { sourceInstanceName: { eq: "products"} })
取得了更多进展,因为我想要获取所有产品..谢谢!!! - yen