有什么办法可以在codegen.yaml中使用@next/env吗？

Question

我想知道当我运行 yarn codegen:

时是否有办法使用 @next/env 替换 codegen.yaml 中的变量

graphql-codegen -r dotenv/config --config codegen.yml - 这是加载点环境的代码生成示例

graphql-codegen -r @next/env --config codegen.yml - 这就是我想要实现的

当我调用它时，我得到

${SERVER_API_URL}/graphql 变为 undefined/graphql

我的用例是：

# .env
HOST=https
API_DOMAIN=example.com
SERVER_API_URL=$HOST://$API_DOMAIN

# codegen.yaml
schema: ${SERVER_API_URL}/graphql

为什么要用@next/env？它替换了.env中的变量，我附加来自 next.js 文档:

的文档示例

Note: Next.js will automatically expand variables ($VAR) inside of your .env* files. This allows you to reference other secrets, like so:

# .env
HOSTNAME=localhost
PORT=8080
HOST=http://$HOSTNAME:$PORT

If you are trying to use a variable with a $ in the actual value, it needs to be escaped like so: $.

For example:

# .env
A=abc

# becomes "preabc"
WRONG=pre$A

# becomes "pre$A"
CORRECT=pre$A

来源：https://nextjs.org/docs/basic-features/environment-variables#loading-environment-variables

Answer 1

您不能通过 -r 标志直接使用 @next/env。但是你仍然有几个选择。比如你可以直接寻址需要的.env文件：

DOTENV_CONFIG_PATH=./.env.local graphql-codegen --config codegen.yml -r dotenv/config

如果您仍想使用 @next/env，您可以将 codegen.yml 转换为 codegen.js 并导入 @next/env。比如我原来的YML：

overwrite: true
schema:
  - https://graphql.fauna.com/graphql:
      headers:
        Authorization: 'Bearer ${FAUNA_ADMIN_KEY}'
documents: null
generates:
  src/generated/graphql.ts:
    plugins:
      - typescript
      - typescript-operations
      - typescript-graphql-request
  ./graphql.schema.json:
    plugins:
      - 'introspection'

我重新写成JS:

const { loadEnvConfig } = require('@next/env')
loadEnvConfig(process.cwd())

module.exports = {
  overwrite: true,
  schema: {
    'https://graphql.fauna.com/graphql': {
      headers: {
        Authorization: `Bearer ${process.env.FAUNA_ADMIN_KEY}`,
      },
    },
  },
  documents: null,
  generates: {
    'src/generated/graphql.ts': {
      plugins: [
        'typescript',
        'typescript-operations',
        'typescript-graphql-request',
      ],
    },
    './graphql.schema.json': { plugins: ['introspection'] },
  },
}

然后使用 graphql-codegen --config codegen.js.

生成代码

这是对我有帮助的issue on Github。

有什么办法可以在codegen.yaml中使用@next/env吗？

Is there any way to use @next/env in codegen.yaml?

next.js

graphql-codegen