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

最近公司有项目上线在即,需要在正式发布前先在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,目标达成
写这篇主要是记录一下自己工作中遇到的一些问题。
方便自己将来梳理

原文地址:https://www.cnblogs.com/white0710/p/8435555.html