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

【问题标题】：NextJs load multiple files with loadFilesSync or glob,NextJs 使用 loadFilesSync 或 glob 加载多个文件，
【发布时间】：2021-04-25 16:57:17
【问题描述】：

我正在尝试使用@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 正在对文件夹结构做一些事情，但我无法弄清楚。如果有人可以提供帮助会很棒。提前致谢。

【问题讨论】：

标签： graphql next.js glob file-import

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

从接受的答案继续-

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

相反，只需使用 glob 模式。

loadFilesSync('**/*.gql')

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

【讨论】：