dotenv-cli 在項(xiàng)目中的使用
從文件中加載環(huán)境變量
它能將環(huán)境變量中的變量從 .env 文件加載到 process.env 中
使用
- 安裝
npm install dotenv-cli
- 根目錄下創(chuàng)建.env 文件
.env.dev
NODE_ENV=development
IS_PRODUCTION=0
APP_LOGIN_URL=https://xxx.test.com/login?service=
APP_LOGOUT_URL=https://xxx.test.com/logout?service=
.env.prod
NODE_ENV=production
IS_PRODUCTION=1
APP_LOGIN_URL=https://xxx.com/login?service=
APP_LOGOUT_URL=https://xxx.com/logout?service=
.local.single.env
PORT=3000
environment.ts
import type { Environment } from '@common/data/environment';
export const environment: Environment = {
production: !!process.env.IS_PRODUCTION,
staffSite: {
loginUrl: process.env.LOGIN_URL as string,
logoutUrl: process.env.LOGOUT_URL as string,
};
這樣我們在項(xiàng)目中就可以直接從 environment.ts 文件中引入全局變量
使用 dotenv 可以讓我們免于在各個文件中引入配置文件汽畴，也可以很好的解決敏感信息的泄漏解总，利于后期代碼維護(hù)
- 配置命令行
dotenv <other commands> 直接將根目錄下.env 結(jié)尾的文件中的變量添加到 process.env 上
dotenv -e 可以指定一些其他的.env 文件，將變量添加到 process.env 上
"scripts": {
"dev": "dotenv -e .local.single.env -e .env.dev react-app-rewired start",
"build": "dotenv -e .env.prod react-app-rewired build",
"dev:test": "dotenv -e .local.single.env -e .env.dev react-app-rewired start",
"dev:prod": "dotenv -e .local.single.env -e .env.prod react-app-rewired start",
},
dotenv-cli 是命令行工具
