本文章解决的问题?

  1. 如何在node中读取和设置process.env变量?
  2. webpack打包的时候,想要方便区分生成和开发环境,利用环境变量编写分支逻辑,要怎么办?
  3. npm运行的时候可不可以向node传入一个环境变量?

先了解node的process.env

process.env 属性返回包含用户环境的对象。 参见 [environ(7)](http://url.nodejs/zvAzBK)

此对象的示例如下所示:

{
  TERM: 'xterm-256color',
  SHELL: '/usr/local/bin/bash',
  USER: 'maciej',
  PATH: '~/.bin/:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin',
  PWD: '/Users/maciej',
  EDITOR: 'vim',
  SHLVL: '1',
  HOME: '/Users/maciej',
  LOGNAME: 'maciej',
  _: '/usr/local/bin/node'
}

可以修改此对象,以下示例则将起作用:

import { env } from 'process';
// const {env} = require('process'):

env.foo = 'bar';
console.log(env.foo);

使用 deleteprocess.env 中删除属性。

import { env } from 'process';
// const {env} = require('process'):

env.TEST = 1;
delete env.TEST;
console.log(env.TEST);
// => undefined

ps:

  1. 在 Windows 操作系统上,环境变量不区分大小写。
  2. 在 旧版本的process.env 上分配属性会将值隐式转换为字符串。 当值不是字符串、数字或布尔值时,Node.js 的未来版本可能会抛出错误。

cross-env神配合

他可以和cross-env配合完美解决,打包的时候区分环境变量等场景问题。

npm install --save-dev cross-env

脚本环境变量的设置与获取

"dev": "cross-env NODE_ENV=development TARGET=web MODE=dev node scripts/index.js",
process.env: {
npm_config_save_dev: '',
npm_config_legacy_bundling: '',
... //其他的一个环境变量信息
NODE_ENV: 'development',
TARGET: 'web',
MODE: 'dev'

参数的设置:参数以key=val的形式拼接,多个参数以空格隔开,corss-env key=val + node的执行脚本。
参数的获取:process.env 这个对象包含了所有的环境变量。

更多推荐

process.env读取和设置 / webpack打包时传入变量 / npm传入变量