NODE_ENV跨平台设置

set NODE_ENV问题

最近接手系统中采用React作为管理端，其中有这样一句

"build": "node ./tools/gulpfile.js&&set NODE_ENV=__PROD__&&node ./tools/webpack.config.js"
复制代码

其中“set NODE_ENV=PROD”却未在我的Mac下生效，其他成员使用Windows。
原因是Windows下使用set NODE_ENV=xx，Unix下应该为export NODE_ENV=xx，于是不得不区分操作系统进行设置，于是就有了cross-env这个方案。

使用cross-env解决跨平台

修改命令为

"build": "node ./tools/gulpfile.js&&cross-env NODE_ENV=__PROD__&&node ./tools/webpack.config.js"
复制代码

执行后，结果还是TMD没生效。查看cross-env的Usage后，区别在于我使用了&&分隔，在后面的webpack.config.js中获取前面设置的NODE_ENV，问题是否出在这里呢？

&&与空格问题

感谢justjavac提供支持

&&为shell逻辑与运算符

格式
command1 && command2 [&& command3 ...]
command1执行成功才会执行command2，任意命令执行失败则不会再执行后面的命令
shell执行命令可以(;、&&、||）间隔

正确使用 cross-env vs cross-evn-shell

cross-env

"build": "node ./tools/gulpfile.js&&cross-env NODE_ENV=__PROD__ node ./tools/webpack.config.js"
复制代码

cross-env-shell

"build": "node ./tools/gulpfile.js&&cross-env-shell NODE_ENV=__PROD__ \"node ./tools/webpack.config.js && echo $NODE_ENV\""
复制代码

""包裹中的内容都可以有效取到cross-env-shell设置的环境变量，这里面的原理在于Node本身的跨平台机制spawn

参考

cross-env 不起作用怎么办？

转载请标明出处：

http://2tu.github.io/2018/01/18/NODE-ENV-cross/

本文出自Tu's blog

NODE_ENV跨平台设置相关推荐

cross-env解决跨平台设置NODE_ENV的问题
cross-env解决跨平台设置NODE_ENV的问题 1 2 3 4 5 6 "scripts": { "lint": "gulp lint ...
npm 脚本跨平台设置环境变量命令 cross-env
问题不同操作系统平台设置和使用环境变量的命令不同,导致npm脚本异常解决使用cross-env,以统一方式设置环境变量,并能在不同平台兼容运行安装 npm install --save-dev ...
Windows设置NODE_ENV=production无效
Windows设置NODE_ENV=production无效原因原因当前版本的Windows使用PowerShell作为默认的Shell,因此使用: $env:NODE_ENV="pr ...
XXX@1.0.0 build: `NODE_ENV=production webpack --config webpack.config.js`报错的解决
1.我们先来分析一下这个报错的原因: 在build这个项目的时候失败 2.检查一下我是怎么配置的build 在项目中我使用了NODE_ENV=development的设置方式,而多数的windows不 ...
VueCli3以下获取process.env.NODE_ENV数据
参考对于VueCli3配置不同环境变量,请参考: vue-cli3创建项目而对于Vuecli3以下的则要注意使用cross-env去设置变量! 以开发环境说明运行脚本 "scripts ...
环境变量process.env.NODE_ENV详解
process.env.NODE_ENV详解前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家. 一. p ...
process.env.NODE_ENV详解
一. process.env.NODE_ENV是什么? 在node中,有全局变量process表示的是当前的node进程. process.env包含着关于系统环境的信息,但是process.env中 ...
Vue中process.env.NODE_ENV详解
一文弄懂如何在 Vue 中配置 process.env.NODE_ENV 最近在研习 vue.config.js 文件,发现一行,甚是费解. process.env.NODE_ENV 查阅资料后,发现 ...
简单说说NODE_ENV
简单说说NODE_ENV 1.引言 2.什么是NODE_ENV? 3.windows配置NODE_ENV 4.Linux配置NODE_ENV 1.引言一提到NODE_ENV,你应该会立马反应 ...