process.env.NODE_ENV使用

在开发过程中,我们往往需要针对不同的开发环境来进行一些差异性的配置或者功能使用,此时便可以借助于 process.env.NODE_ENV 来区分开发环境,要注意的是NODE_ENV不是process.env下默认的变量

项目代码中使用

当我们需要在项目代码中使用process.env.NODE_ENV时,可以借助DefinePlugin创建一个相同名称的全局变量来使用。

{
    plugins: [
        {
            new webpack.DefinePlugin({
                "process.env": {
                    NODE_ENV: JSON.stringify('production')
                }
            })
        }
    ]
}

webpack等配置文件中使用

当我们想要在webpack配置文件或者其他非系统打包内部文件使用时则需要针对本地电脑系统设置对应的环境变量了,可以借助于cross-env.

  • 安装
npm install --save-dev cross-env
  • npm scripts中使用
{
    "scripts": {
        "build": "cross-env NODE_ENV=production webpack --config webpack.config.js"
    }
}

然后就可以在webpack配置文件中使用了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

衣乌安、

嘿嘿,好心人赏俩钱儿~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值