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