[JavaScript知识库]process.env读取和设置 / webpack打包时传入变量 / npm传入变量

本文章解决的问题？

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

先了解node的process.env

process.env 属性返回包含用户环境的对象。 参见 [environ(7)](http://url.nodejs.cn/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);

使用 delete 从 process.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 这个对象包含了所有的环境变量。