相关疑难解决方法(0)

如何在nextjs中使用不同的.env文件?

我希望环境变量有不同的配置文件,并且能够在我的下一个项目中使用它们。我看到了dotenv的例子。

但我不喜欢在 .env 文件中定义变量,也不想在 config.next.js 文件中定义它们。如果由于某种原因我将变量放在 .env 文件中但忘记将它们放在 config.next.js 文件中,则代码开始出现问题。有没有办法更有效地做到这一点?

我在 package.json 中的脚本:

"scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start",
    "lint": "eslint pages --ext .ts,.tsx,.js",
    "test": "jest",
    "commit": "git-cz",
    "dev:production": "dotenv next"
},
Run Code Online (Sandbox Code Playgroud)

我的 .env 变量

TITULO=react, typescript, material ui App
Run Code Online (Sandbox Code Playgroud)

成分

import { NextPage }          from 'next';
import { FunctionComponent } from 'react';

interface HelloWorldProps {
  nombre: string,
  saludo?: string
}


const HelloWorld: FunctionComponent<HelloWorldProps> = ({ nombre, saludo = 'noches' }: HelloWorldProps) => ( …
Run Code Online (Sandbox Code Playgroud)

environment-variables reactjs next.js

20
推荐指数
5
解决办法
2万
查看次数

标签 统计

environment-variables ×1

next.js ×1

reactjs ×1