自定义环境变量

首先我们都知道设置环境变量 window/mac会有差异，那么我们怎么保持一致呢？

安装cross-env

npm i cross-env

设置环境变量

//node环境默认有NODE_ENV，可以方便我们使用
//默认：
"build:server": "cross-env NODE_ENV=development webpack --config build/webpack.config.server.js"

新增环境变量

如果我们有多套环境或者想自定义环境变量或者参数应该怎么处理呢？例如新增ENV=daily或者VERSION=1，下面新增ENV=daily为例

1.修改package.json

"build:server": "cross-env NODE_ENV=development ENV=daily webpack --config build/webpack.config.server.js"

2.修改webpack definePlugin

new webpack.DefinePlugin({
        'process.env': {
            ENV: JSON.stringify(process.env.ENV) //需转为字符串
        }
    })

3.页面中使用

console.log('NODE_ENV', process.env.NODE_ENV, process.env.ENV)

image.png