NextJs 使用 loadFilesSync 或 glob 加载多个文件，

Question

我正在尝试使用 @graphql-tools/load-files 加载多个文件我也尝试过使用 glob，但也没有成功。我的文件夹结构是这样的：

/
/.next
/pages
/pages/api
/pages/api/graphql -> there I have an ApolloServer
/server
/types
/types/userTypes.ts
/types/authTypes.ts

我的想法是将 root/types 文件夹中的所有 graphql 类型作为不同的文件并在构建时合并它们：这是 graphql.ts 文件的一部分。

import path from 'path';
import { mergeTypeDefs } from '@graphql-tools/merge';
import { loadFilesSync } from '@graphql-tools/load-files';

const typesArray = loadFilesSync(path.join(__dirname, '../../types/.*'));
console.log(typesArray);

输出为空 [] 数组。当我在没有 NextJs 的情况下尝试这个时，它按预期工作，所以我猜 NextJs 正在对文件夹结构做一些事情，但我无法弄清楚。如果有人可以提供帮助，那就太好了。提前致谢。

Answer 1

关于 Next JS 如何处理其文件夹结构，你是对的

将 path.join(__dirname, '../../types/.*') 替换为 path.join(process.cwd(), 'path')，如此处 with-typescript-graphql

Answer 2

根据已接受的答案继续-

传递硬编码路径对我不起作用。

相反，只需使用 glob 模式。

loadFilesSync('**/*.gql')

链接示例使用 graphql-let 配置，它本质上解析为与此类似的 glob 模式。

NextJs 使用 loadFilesSync 或 glob 加载多个文件，

NextJs load multiple files with loadFilesSync or glob,

graphql

next.js

glob

file-import