env-manager
Environment manager for frontend.
installation
npm install @jswork/env-managerusage
import EnvManager from '@jswork/env-manager';
// vite
const viteEnv = new EnvManager({
prefix: 'VITE_',
env: import.meta.env
});
// webpack
const craEnv = new EnvManager({
prefix: 'REACT_APP_',
env: process.env
});You can use
env-cmdto manage your envs.
// ---------- package.json
"scripts": {
"start": "env-cmd -e local react-scripts start",
"build:beta": "env-cmd -e beta react-scripts build",
"build:prod": "env-cmd -e prod react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
}You can use
env-cmdrc.jsto manage your envs.
// ---------- .env-cmdrc.js
module.exports = craEnv.set({
"local": {
"API_URL": "http://localhost:3000",
"BUILD_ENV": 'local-api.github.com/users/afeiship',
},
"beta": {
"API_URL": "http://beta.api.com",
"BUILD_ENV": 'beta-api.github.com/users/afeiship',
},
"production": {
"API_URL": "http://api.com",
"BUILD_ENV": 'api.github.com/users/afeiship',
},
});
// ---------- src/app.tsx
// get 'BUILD_ENV'
const buildEnv = craEnv.get('BUILD_ENV');
// get all
const envs = craEnv.get();types
// add to global.d.ts OR nx-env.d.ts
/// <reference types="@jswork/env-manager/dist/@types" />license
Code released under the MIT license.