V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
WMutong
V2EX  ›  Electron

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

  •  
  •   WMutong · 2022-08-02 17:30:35 +08:00 · 1537 次点击
    这是一个创建于 830 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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

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

    5 条回复    2022-08-03 07:02:32 +08:00
    dcsuibian
        1
    dcsuibian  
       2022-08-02 18:04:26 +08:00
    你在开发环境中看到的 NODE_ENV 和生产环境中的 NODE_ENV 都是通过一个 console.log 打出来的吗?
    dcsuibian
        2
    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
        3
    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
        4
    dcsuibian  
       2022-08-02 21:31:35 +08:00
    @crystom 对的,这个我知道,就是我上面说的宏
    kongkx
        5
    kongkx  
       2022-08-03 07:02:32 +08:00 via iPhone
    既然数据流程都清楚了,那就一步步 debug 呗,说不定哪里漏了,比如 gulp task 配置有些不同?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2606 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 02:52 · PVG 10:52 · LAX 18:52 · JFK 21:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.