美文网首页
cross-env跨平台设置环境变量

cross-env跨平台设置环境变量

作者: _远方没有诗 | 来源:发表于2018-02-08 23:22 被阅读0次

最近公司有项目上线在即,需要在正式发布前先在qa环境部署一下,正式环境和qa环境唯一区别就是项目中用到的存放图片的oss域名不同,所以需要新添加一条命令来用作qa环境的打包

  • 由于需要修改的是发生在build阶段的,buid阶段对应的自然是生产环境也就是prod


    image.png
  • 我们在package.json中添加一条命令
    npm run build 打包的是qa环境
    npm run prod 打包的是生产环境


    image.png

这里可以看到 build 和 prod 命令执行的都是 node build/build.js 这个文件,不同之处在于 build 命令前面多了一段cross-env QA_ENV=qa, 这就是今天主要想记录的主角
只要在想要执行的文件之前加cross-env [xxx]=xxx

  • 接下来我们在prod.env.js中做判断


    image.png

完成,现在我们来试一下结果

  • 首先我们试试qa环境 (npm run build)


    image.png
  • 接下来是生产环境


    image.png

ok,目标达成
写这篇主要是记录一下自己工作中遇到的一些问题。
方便自己将来梳理

相关文章

  • nodejs base 常用资源

    cross-env 跨平台设置和使用环境变量 设置 使用 参考:https://www.jianshu.com/p...

  • js res

    cross-env 跨平台设置和使用环境变量 设置 使用 参考:https://www.jianshu.com/p...

  • 对cross-env的理解

    1、什么是cross-env? 它是运行跨平台设置和使用环境变量(Node中的环境变量)的脚本。 2、为什么需要c...

  • 使用NODE_ENV配置多个url

    首先安装cross-env(作用:跨平台设置环境变量) 在package.json里面去就可以去配置了,像这样: ...

  • Vue配置不同环境 不同命令

    1.我们借助 cross-env 插件跨平台地设置及使用环境变量(必须装此依赖) 2.我们对config文件夹做配...

  • cross-env跨平台设置环境变量

    最近公司有项目上线在即,需要在正式发布前先在qa环境部署一下,正式环境和qa环境唯一区别就是项目中用到的存放图片的...

  • umi前端设置启动端口

    修改package.json文件中的start命令,加上PORT=xxx前缀*cross-env是运行跨平台设置和...

  • cross-env跨平台设置及使用环境变量

    大多数情况下,在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住,win...

  • webpack中cross-env模块以及 webpack-de

    cross-env模块: cross-env原本是用于跨平台[https://www.baidu.com/s?wd...

  • 大坑记录

    加上cross-env跨平台环境变量指令后 项目无法启动 一直在报各种的错, 最主要是报错信息如下. vue项目报...

网友评论

      本文标题:cross-env跨平台设置环境变量

      本文链接:https://www.haomeiwen.com/subject/itjttftx.html