assenvle merges environment variables for a given mode into a single file.
- Install assenvle.
npm install --save-dev assenvle- Put your
.env*files in a(root directory)/envdirectory.
(root directory)
├── env
│ ├── .env
│ ├── .env.local
│ ├── .env.development
│ ├── .env.development.local
│ ├── .env.staging
│ ├── .env.staging.local
│ ├── .env.production
│ ├── .env.production.local
: :
- Run the following command in the root directory. assenvle merges your
.env*files for a given mode into(root directory)/.env.local.
npx assenvle --mode development-m, --mode <mode>: Specifies the.env*files to read. (development,staging,production, etc.)
Note
assenvle reads your .env* files with the following priority, which is the same order as Next.js.
.env.{mode}.local.env.local.env.{mode}.env
-w, --watch: If this option is set totrue, assenvle regenerates the output file on changes to the input.env*files. (default: false)-h, --help: Displays help for command.
- Although you can use assenvle without any configuration files, you can also customize the behavior with
assenvle.config.{ts,mjs}. - Create
assenvle.config.tsorassenvle.config.mjsin the root directory and default export your configuration. - options
envDir: string: Path of the directory where your.env*files are placed. (default:env)outputFile: string: Path of the output file. (default:.env.local)validateEnv: (env: Record<string, string>) => void: (optional) If provided, assenvle uses this function to validate the merged.envfiles. assenvle cancels generating the output when this validation function throws an error.
- configuration example
import { defineConfig } from "assenvle";
export default defineConfig({
envDir: "configs/env",
outputFile: ".env",
validateEnv: (env) => {
if (!("SAMPLE_URL" in env)) {
throw new Error("SAMPLE_URL is not defined.");
}
if (!env.SAMPLE_URL.startsWith("http")) {
throw new Error("Invalid URL.");
}
}
});Caution
assenvle uses "Type Stripping" of Node.js to read assenvle.config.ts.
If you want to use assenvle.config.ts, your Node.js version should be 23.6.0 or higher. (You can also use Node.js 22.6.0 or higher with --experimental-strip-types option.)
Although you can integrate assenvle with any framework of your choice, it is designed to be used primarily in combination with Next.js.
We recommend to modify your npm scripts as follows (we are using concurrently in dev command):
{
"scripts": {
- "dev": "next dev",
+ "dev": "concurrently -k 'assenvle -w -m $npm_config_mode' 'next dev'",
+ "dev:development": "npm run dev -mode=development",
+ "dev:staging": "npm run dev -mode=staging",
+ "dev:production": "npm run dev -mode=production",
- "build": "next build",
+ "build": "assenvle -m $npm_config_mode && next build",
+ "build:development": "npm run build -mode=development",
+ "build:staging": "npm run build -mode=staging",
+ "build:production": "npm run build -mode=production",
},
}In this way, when you edit the input .env* file, assenvle automatically regenerates the output .env.local, and then Next.js detects this and automatically restarts the development server.
If you define validateEnv function, the dev process will terminate on validation failure.