config、dotenv、dotenv-safe、env-cmd はすべて Node.js アプリケーションにおける環境変数や設定の管理を目的とした npm パッケージです。dotenv は .env ファイルから環境変数を process.env に読み込むシンプルなツールです。dotenv-safe は dotenv を拡張し、必須環境変数の検証機能を追加しています。env-cmd はコマンドラインツールとして動作し、Node.js プロセス起動時に外部設定ファイルから環境変数を注入します。config はより包括的な設定管理ライブラリで、複数環境向けの階層的な設定ファイル(JSON/YAML/JS形式)をサポートし、環境変数による上書きも可能です。
フロントエンド開発において、環境変数の扱いはセキュリティと柔軟性の両面で重要です。config、dotenv、dotenv-safe、env-cmd はそれぞれ異なるアプローチでこの課題に取り組んでいます。本記事では、実際の開発現場での使い方を中心に、各パッケージの特徴を深く掘り下げます。
dotenv は .env ファイルから環境変数を process.env に直接読み込みます。
// .env
DB_HOST=localhost
API_KEY=12345
// index.js
require('dotenv').config();
console.log(process.env.DB_HOST); // 'localhost'
dotenv-safe は dotenv を拡張し、必須環境変数の検証機能を追加します。
.env.example で必須キーを定義dotenv のすべての機能を継承// .env.example (必須変数のテンプレート)
DB_HOST=
API_KEY=
// .env
DB_HOST=localhost
// API_KEY が欠けている → 実行時エラー
// index.js
require('dotenv-safe').config();
// Error: Missing environment variables: API_KEY
env-cmd は Node.js プロセス起動時に環境変数を注入する CLI ツールです。
// .env.production.json
{
"DB_HOST": "prod-db.example.com",
"API_KEY": "prod-key-123"
}
# package.json
{
"scripts": {
"start:prod": "env-cmd -f .env.production.json node server.js"
}
}
// server.js (env-cmd はコード変更不要)
console.log(process.env.DB_HOST); // 'prod-db.example.com'
config は階層的な設定ファイルをサポートする包括的な設定管理ライブラリです。
// config/default.json
{
"db": {
"host": "localhost",
"port": 5432
},
"api": {
"timeout": 5000
}
}
// config/production.json
{
"db": {
"host": "prod-db.example.com"
}
}
// app.js
const config = require('config');
console.log(config.get('db.host')); // 環境に応じて自動切り替え
dotenv には組み込みの検証機能がありません。
require('dotenv').config();
if (!process.env.API_KEY) {
throw new Error('API_KEY is required');
}
dotenv-safe は必須変数の検証を自動化します。
.env.example に記述されたすべてのキーが必須// 自動検証
require('dotenv-safe').config();
// 必須変数が欠けていれば即座にクラッシュ
env-cmd は検証機能を持ちませんが、JSON Schema との組み合わせが容易です。
// env-cmd は検証しないが、後続処理で検証可能
const envSchema = require('env-schema');
const schema = {
type: 'object',
required: ['DB_HOST', 'API_KEY']
};
const config = envSchema({ schema });
config は環境変数による上書きを許可しつつ、デフォルト値を提供します。
config.has('key') で存在確認可能const config = require('config');
if (!config.has('db.password')) {
throw new Error('Database password is required in production');
}
dotenv と dotenv-safe は平坦なキーのみサポートします。
# .env
DB_HOST=localhost
DB_PORT=5432
API_TIMEOUT=5000
env-cmd は JSON 形式ならネスト構造をサポートします。
process.env にフラット化されて注入される// .env.json
{
"db": {
"host": "localhost",
"port": 5432
}
}
// 実際には process.env['db.host'] = 'localhost' となる
config は真の階層構造をサポートします。
const config = require('config');
const dbConfig = config.get('db'); // { host: '...', port: ... }
const host = config.get('db.host'); // 'localhost'
dotenv は手動でファイルを指定する必要があります。
const env = process.env.NODE_ENV || 'development';
require('dotenv').config({ path: `.env.${env}` });
dotenv-safe も同様に手動切り替えが必要です。
.env.example は共通テンプレートとして使用const env = process.env.NODE_ENV || 'development';
require('dotenv-safe').config({
path: `.env.${env}`,
example: '.env.example'
});
env-cmd はコマンドラインで簡単に切り替えられます。
// package.json
{
"scripts": {
"dev": "env-cmd -f .env.development.json node app.js",
"prod": "env-cmd -f .env.production.json node app.js"
}
}
config は NODE_ENV を見て自動的に環境設定をマージします。
default.json + {NODE_ENV}.json の自動マージ// NODE_ENV=production の場合
// default.json + production.json がマージされる
const config = require('config');
dotenv と dotenv-safe は主に実行時(Node.js)向けです。
REACT_APP_ プレフィックス必須// Create React App での使用例
// .env
REACT_APP_API_URL=https://api.example.com
// コンポーネント内
fetch(process.env.REACT_APP_API_URL);
env-cmd はビルドコマンドのラッパーとして機能します。
// package.json
{
"scripts": {
"build:staging": "env-cmd -f .env.staging.json vite build"
}
}
config はサーバーサイド専用と明記されています。
⚠️ 注意:
configのドキュメントには「クライアントサイド JavaScript で使用しないでください」と明記されています。
dotenv(フレームワークの組み込み機能を利用する).env ファイルの処理を実装済みdotenv-safeconfigenv-cmddotenvdotenv-safeconfig(ただしサーバーサイド限定)env-cmdこれらのツールは互いに排他的ではなく、状況によって組み合わせることも可能です。たとえば、env-cmd で環境変数を注入しつつ、dotenv-safe で検証を行うといった使い方も考えられます。重要なのは、プロジェクトの規模、チームのワークフロー、セキュリティ要件に合った選択をすることです。
dotenv を選ぶべきは、シンプルな環境変数管理で十分なプロジェクトの場合です。.env ファイルから process.env に直接値を読み込むだけの最小限の機能を提供し、学習コストが非常に低いです。多くのフレームワーク(例: Create React App)が既に組み込みサポートを持っているため、追加の設定不要で即座に利用できます。ただし、必須変数の検証機能がないため、重要な環境変数が欠けている場合に実行時エラーになる可能性があります。
env-cmd を選ぶべきは、npm scripts やビルドコマンドを通じて環境変数を注入したい場合です。JavaScript コード内での初期化が不要で、コマンドラインから設定ファイルを指定してプロセスを実行できます。JSON 形式の設定ファイルをサポートしており、複数環境の切り替えが容易です。特に、Webpack や Vite などのビルドツールと組み合わせて、ビルド時に環境固有の設定を静的に埋め込むユースケースに最適です。
config を選ぶべきは、複数環境(開発・ステージング・本番)で複雑な階層構造を持つ設定を管理する必要があるサーバーサイドアプリケーションの場合です。設定ファイルを JSON/YAML/JS 形式で記述でき、環境ごとの差分を効率的に管理できます。ただし、クライアントサイド(ブラウザ)で使用してはいけないという重要な制約があります。フロントエンドバンドルに含まれると機密情報が漏洩する危険性があるため、純粋な Node.js サーバープロジェクトでのみ使用すべきです。
dotenv-safe を選ぶべきは、dotenv のシンプルさを維持しつつ、必須環境変数の検証を確実に行いたい場合です。.env.example ファイルで必須キーを定義することで、実行時に未設定の必須変数があると即座にエラーを投げます。これは CI/CD パイプラインや本番デプロイ時に設定漏れを防ぐのに非常に効果的です。dotenv のすべての機能を継承しているため、既存の dotenv 使用コードを簡単に移行できます。
Dotenv is a zero-dependency module that loads environment variables from a .env file into process.env. Storing configuration in the environment separate from code is based on The Twelve-Factor App methodology.
Install it.
npm install dotenv --save
Create a .env file in the root of your project:
# .env
HELLO="Dotenv"
OPENAI_API_KEY="your-api-key-goes-here"
As early as possible in your application, import and configure dotenv:
// index.js
require('dotenv').config()
// or import 'dotenv/config' // for esm
console.log(`Hello ${process.env.HELLO}`)
$ node index.js
◇ injected env (2) from .env
Hello Dotenv
That's it. process.env now has the keys and values you defined in your .env file.
Install this repo as an agent skill package:
npx skills add motdotla/dotenv
# ask Claude or Codex to do things like:
set up dotenv
upgrade dotenv to dotenvx
Import with ES6:
import 'dotenv/config'
ES6 import if you need to set config options:
import dotenv from 'dotenv'
dotenv.config({ path: '/custom/path/to/.env' })
bun add dotenv
yarn add dotenv
pnpm add dotenv
For monorepos with a structure like apps/backend/app.js, put it the .env file in the root of the folder where your app.js process runs.
# app/backend/.env
S3_BUCKET="YOURS3BUCKET"
SECRET_KEY="YOURSECRETKEYGOESHERE"
If you need multiline variables, for example private keys, those are now supported (>= v15.0.0) with line breaks:
PRIVATE_KEY="-----BEGIN RSA PRIVATE KEY-----
...
Kh9NV...
...
-----END RSA PRIVATE KEY-----"
Alternatively, you can double quote strings and use the \n character:
PRIVATE_KEY="-----BEGIN RSA PRIVATE KEY-----\nKh9NV...\n-----END RSA PRIVATE KEY-----\n"
Comments may be added to your file on their own line or inline:
# This is a comment
SECRET_KEY=YOURSECRETKEYGOESHERE # comment
SECRET_HASH="something-with-a-#-hash"
Comments begin where a # exists, so if your value contains a # please wrap it in quotes. This is a breaking change from >= v15.0.0 and on.
The engine which parses the contents of your file containing environment variables is available to use. It accepts a String or Buffer and will return an Object with the parsed keys and values.
const dotenv = require('dotenv')
const buf = Buffer.from('BASIC=basic')
const config = dotenv.parse(buf) // will return an object
console.log(typeof config, config) // object { BASIC : 'basic' }
Note: Consider using
dotenvxinstead of preloading. I am now doing (and recommending) so.It serves the same purpose (you do not need to require and load dotenv), adds better debugging, and works with ANY language, framework, or platform. – motdotla
You can use the --require (-r) command line option to preload dotenv. By doing this, you do not need to require and load dotenv in your application code.
$ node -r dotenv/config your_script.js
The configuration options below are supported as command line arguments in the format dotenv_config_<option>=value
$ node -r dotenv/config your_script.js dotenv_config_path=/custom/path/to/.env dotenv_config_debug=true
Additionally, you can use environment variables to set configuration options. Command line arguments will precede these.
$ DOTENV_CONFIG_<OPTION>=value node -r dotenv/config your_script.js
$ DOTENV_CONFIG_ENCODING=latin1 DOTENV_CONFIG_DEBUG=true node -r dotenv/config your_script.js dotenv_config_path=/custom/path/to/.env
Use dotenvx for variable expansion.
Reference and expand variables already on your machine for use in your .env file.
# .env
USERNAME="username"
DATABASE_URL="postgres://${USERNAME}@localhost/my_database"
// index.js
console.log('DATABASE_URL', process.env.DATABASE_URL)
$ dotenvx run --debug -- node index.js
⟐ injected env (2) from .env · dotenvx@1.59.1
DATABASE_URL postgres://username@localhost/my_database
Use dotenvx for command substitution.
Add the output of a command to one of your variables in your .env file.
# .env
DATABASE_URL="postgres://$(whoami)@localhost/my_database"
// index.js
console.log('DATABASE_URL', process.env.DATABASE_URL)
$ dotenvx run --debug -- node index.js
⟐ injected env (1) from .env · dotenvx@1.59.1
DATABASE_URL postgres://yourusername@localhost/my_database
Use dotenvx for encryption.
Add encryption to your .env files with a single command.
$ dotenvx set HELLO Production -f .env.production
$ echo "console.log('Hello ' + process.env.HELLO)" > index.js
$ DOTENV_PRIVATE_KEY_PRODUCTION="<.env.production private key>" dotenvx run -- node index.js
⟐ injected env (2) from .env.production · dotenvx@1.59.1
Hello Production
Use dotenvx to manage multiple environments.
Run any environment locally. Create a .env.ENVIRONMENT file and use -f to load it. It's straightforward, yet flexible.
$ echo "HELLO=production" > .env.production
$ echo "console.log('Hello ' + process.env.HELLO)" > index.js
$ dotenvx run -f=.env.production -- node index.js
Hello production
> ^^
or with multiple .env files
$ echo "HELLO=local" > .env.local
$ echo "HELLO=World" > .env
$ echo "console.log('Hello ' + process.env.HELLO)" > index.js
$ dotenvx run -f=.env.local -f=.env -- node index.js
Hello local
Use dotenvx for production deploys.
Create a .env.production file.
$ echo "HELLO=production" > .env.production
Encrypt it.
$ dotenvx encrypt -f .env.production
Set DOTENV_PRIVATE_KEY_PRODUCTION (found in .env.keys) on your server.
$ heroku config:set DOTENV_PRIVATE_KEY_PRODUCTION=value
Commit your .env.production file to code and deploy.
$ git add .env.production
$ git commit -m "encrypted .env.production"
$ git push heroku main
Dotenvx will decrypt and inject the secrets at runtime using dotenvx run -- node index.js.
Use dotenvx to sync your .env files.
Encrypt them with dotenvx encrypt -f .env and safely include them in source control. Your secrets are securely synced with your git.
This still subscribes to the twelve-factor app rules by generating a decryption key separate from code.
We recommend creating one .env file per environment. Use .env for local/development, .env.production for production and so on. This still follows the twelve factor principles as each is attributed individually to its own environment. Avoid custom set ups that work in inheritance somehow (.env.production inherits values from .env for example). It is better to duplicate values if necessary across each .env.environment file.
In a twelve-factor app, env vars are granular controls, each fully orthogonal to other env vars. They are never grouped together as “environments”, but instead are independently managed for each deploy. This is a model that scales up smoothly as the app naturally expands into more deploys over its lifetime.
Additionally, we recommend using dotenvx to encrypt and manage these.
Simply..
// index.mjs (ESM)
import 'dotenv/config' // see https://github.com/motdotla/dotenv#how-do-i-use-dotenv-with-import
import express from 'express'
A little background..
When you run a module containing an
importdeclaration, the modules it imports are loaded first, then each module body is executed in a depth-first traversal of the dependency graph, avoiding cycles by skipping anything already executed.
What does this mean in plain language? It means you would think the following would work but it won't.
errorReporter.mjs:
class Client {
constructor (apiKey) {
console.log('apiKey', apiKey)
this.apiKey = apiKey
}
}
export default new Client(process.env.API_KEY)
index.mjs:
// Note: this is INCORRECT and will not work
import * as dotenv from 'dotenv'
dotenv.config()
import errorReporter from './errorReporter.mjs' // process.env.API_KEY will be blank!
process.env.API_KEY will be blank.
Instead, index.mjs should be written as..
import 'dotenv/config'
import errorReporter from './errorReporter.mjs'
Does that make sense? It's a bit unintuitive, but it is how importing of ES6 modules work. Here is a working example of this pitfall.
There are two alternatives to this approach:
dotenvx run -- node index.js (Note: you do not need to import dotenv with this approach)config first as outlined in this comment on #133Yes! dotenv.config() returns an object representing the parsed .env file. This gives you everything you need to continue setting values on process.env. For example:
const dotenv = require('dotenv')
const variableExpansion = require('dotenv-expand')
const myEnv = dotenv.config()
variableExpansion(myEnv)
The parsing engine currently supports the following rules:
BASIC=basic becomes {BASIC: 'basic'}# are treated as comments# marks the beginning of a comment (unless when the value is wrapped in quotes)EMPTY= becomes {EMPTY: ''})JSON={"foo": "bar"} becomes {JSON:"{\"foo\": \"bar\"}")trim) (FOO= some value becomes {FOO: 'some value'})SINGLE_QUOTE='quoted' becomes {SINGLE_QUOTE: "quoted"})FOO=" some value " becomes {FOO: ' some value '})MULTILINE="new\nline" becomes{MULTILINE: 'new
line'}
BACKTICK_KEY=`This has 'single' and "double" quotes inside of it.`)Use dotenvx to unlock syncing encrypted .env files over git.
When using import 'dotenv/config', you can't pass options directly. Here are a few ways to handle it.
Option 1: Import and call config() yourself (Recommended)
// index.mjs
import dotenv from 'dotenv'
dotenv.config({
path: '/custom/path/to/.env',
debug: true
})
// Now import everything else
import express from 'express'
Because ES6 imports are hoisted, put the dotenv import and config() call at the very top, before any other imports that rely on process.env.
Option 2: Use environment variables
DOTENV_CONFIG_DEBUG=true DOTENV_CONFIG_PATH=/custom/path/to/.env node index.mjs
Then in your code you can keep the shorthand:
import 'dotenv/config'
Option 3: A tiny wrapper file
Create load-env.mjs:
import dotenv from 'dotenv'
dotenv.config({ path: '/custom/path/to/.env', debug: true })
Then in your main file:
import './load-env.mjs'
import express from 'express'
Not the most elegant, but it works reliably when hoisting gets in the way.
Remove it, remove git history and then install the git pre-commit hook to prevent this from ever happening again.
npm i -g @dotenvx/dotenvx
dotenvx precommit --install
By default, we will never modify any environment variables that have already been set. In particular, if there is a variable in your .env file which collides with one that already exists in your environment, then that variable will be skipped.
If instead, you want to override process.env use the override option.
require('dotenv').config({ override: true })
Use the docker prebuild hook.
# Dockerfile
...
RUN curl -fsS https://dotenvx.sh/ | sh
...
RUN dotenvx prebuild
CMD ["dotenvx", "run", "--", "node", "index.js"]
Your React code is run in Webpack, where the fs module or even the process global itself are not accessible out-of-the-box. process.env can only be injected through Webpack configuration.
If you are using react-scripts, which is distributed through create-react-app, it has dotenv built in but with a quirk. Preface your environment variables with REACT_APP_. See this stack overflow for more details.
If you are using other frameworks (e.g. Next.js, Gatsby...), you need to consult their documentation for how to inject environment variables into the client.
Most likely your .env file is not in the correct place. See this stack overflow.
Turn on debug mode and try again..
require('dotenv').config({ debug: true })
You will receive a helpful error outputted to your console.
You are using dotenv on the front-end and have not included a polyfill. Webpack < 5 used to include these for you. Do the following:
npm install node-polyfill-webpack-plugin
Configure your webpack.config.js to something like the following.
require('dotenv').config()
const path = require('path');
const webpack = require('webpack')
const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')
module.exports = {
mode: 'development',
entry: './src/index.ts',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
},
plugins: [
new NodePolyfillPlugin(),
new webpack.DefinePlugin({
'process.env': {
HELLO: JSON.stringify(process.env.HELLO)
}
}),
]
};
Alternatively, just use dotenv-webpack which does this and more behind the scenes for you.
Dotenv exposes four functions:
configparsepopulateconfig will read your .env file, parse the contents, assign it to
process.env,
and return an Object with a parsed key containing the loaded content or an error key if it failed.
const result = dotenv.config()
if (result.error) {
throw result.error
}
console.log(result.parsed)
You can additionally, pass options to config.
Default: path.resolve(process.cwd(), '.env')
Specify a custom path if your file containing environment variables is located elsewhere.
require('dotenv').config({ path: '/custom/path/to/.env' })
By default, config will look for a file called .env in the current working directory.
Pass in multiple files as an array, and they will be parsed in order and combined with process.env (or option.processEnv, if set). The first value set for a variable will win, unless the options.override flag is set, in which case the last value set will win. If a value already exists in process.env and the options.override flag is NOT set, no changes will be made to that value.
require('dotenv').config({ path: ['.env.local', '.env'] })
Default: false
Suppress runtime logging message.
// index.js
require('dotenv').config({ quiet: false }) // change to true to suppress
console.log(`Hello ${process.env.HELLO}`)
# .env
HELLO=World
$ node index.js
Hello World
Default: utf8
Specify the encoding of your file containing environment variables.
require('dotenv').config({ encoding: 'latin1' })
Default: false
Turn on logging to help debug why certain keys or values are not being set as you expect.
require('dotenv').config({ debug: process.env.DEBUG })
Default: false
Override any environment variables that have already been set on your machine with values from your .env file(s). If multiple files have been provided in option.path the override will also be used as each file is combined with the next. Without override being set, the first value wins. With override set the last value wins.
require('dotenv').config({ override: true })
Default: process.env
Specify an object to write your environment variables to. Defaults to process.env environment variables.
const myObject = {}
require('dotenv').config({ processEnv: myObject })
console.log(myObject) // values from .env
console.log(process.env) // this was not changed or written to
The engine which parses the contents of your file containing environment variables is available to use. It accepts a String or Buffer and will return an Object with the parsed keys and values.
const dotenv = require('dotenv')
const buf = Buffer.from('BASIC=basic')
const config = dotenv.parse(buf) // will return an object
console.log(typeof config, config) // object { BASIC : 'basic' }
Default: false
Turn on logging to help debug why certain keys or values are not being set as you expect.
const dotenv = require('dotenv')
const buf = Buffer.from('hello world')
const opt = { debug: true }
const config = dotenv.parse(buf, opt)
// expect a debug message because the buffer is not in KEY=VAL form
The engine which populates the contents of your .env file to process.env is available for use. It accepts a target, a source, and options. This is useful for power users who want to supply their own objects.
For example, customizing the source:
const dotenv = require('dotenv')
const parsed = { HELLO: 'world' }
dotenv.populate(process.env, parsed)
console.log(process.env.HELLO) // world
For example, customizing the source AND target:
const dotenv = require('dotenv')
const parsed = { HELLO: 'universe' }
const target = { HELLO: 'world' } // empty object
dotenv.populate(target, parsed, { override: true, debug: true })
console.log(target) // { HELLO: 'universe' }
Default: false
Turn on logging to help debug why certain keys or values are not being populated as you expect.
Default: false
Override any environment variables that have already been set.
See CHANGELOG.md
These npm modules depend on it.
Projects that expand it often use the keyword "dotenv" on npm.