electron 生产环境通过 cross-env 设置 NODE_ENV 失败

2022-08-02 17:30:35 +08:00
 WMutong

package.json 文件中

... "scripts": { "dev": "cross-env NODE_ENV=dev gulp dev", "build": "cross-env NODE_ENV=prod gulp build", "build:dev": "cross-env NODE_ENV=dev gulp build" }, ...

在开发环境中 NODE_ENV 设置成功,值为 dev 但是,生产环境中 build:dev 设置 NODE_ENV 没有生效,NODE_ENV 返回值是 undefined

查了一圈文档也没有找到一个合理的解释

1381 次点击
所在节点    Electron
5 条回复
dcsuibian
2022-08-02 18:04:26 +08:00
你在开发环境中看到的 NODE_ENV 和生产环境中的 NODE_ENV 都是通过一个 console.log 打出来的吗?
dcsuibian
2022-08-02 18:22:30 +08:00
生产环境应该是没有 process 的,自然应该也没有 NODE_ENV 这种东西。(宏除外)
你这里 Node.js 运行的是 gulp ,正常来说只有 gulp.js 可以读取到 process.env.NODE_ENV 这种变量。项目中的其它 js 文件是读不到的。

换个类似的场景,如果我使用 webpack 打包 React 或 Vue 成前端页面,那么 webpack.js 本身和项目中.jsx 、.js 、.vue 中的 js 代码是不一样的。前者是运行在 Node.js 环境中,而后者则最终要运行在浏览器里,就没有那些东西。前者的 js 代码是用来编译后者的 js 代码的。

如果你项目中某个.js 文件用了 require ,而另一个.js 文件用了 import 。那么前者是 Node.js 脚本,后者则是被操作的东西。

因此,如果你的 dev 是在 gulp 相关文件里获取的,而 undefined 是在其它文件里获取的,那么应该就是这个问题。
crystom
2022-08-02 20:50:40 +08:00
@dcsuibian 原理是你说的这样,但是通过其他方式可以假装传递变量。比如 webpack 可以通过 new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
});来实现
dcsuibian
2022-08-02 21:31:35 +08:00
@crystom 对的,这个我知道,就是我上面说的宏
kongkx
2022-08-03 07:02:32 +08:00
既然数据流程都清楚了,那就一步步 debug 呗,说不定哪里漏了,比如 gulp task 配置有些不同?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/870274

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX