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,目标达成
写这篇主要是记录一下自己工作中遇到的一些问题。
方便自己将来梳理

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • This project was bootstrapped with Create React App. Belo...
    unspecx阅读 5,254评论 0 2
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,304评论 0 21
  • 一、什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令。 ...
    猪猪9527阅读 394评论 0 0
  • (写在文前的只言片语、意书情殇)长歌破晓穿云过,响彻碧霄振九天.------Jason Zhang web开发已现...
    Jason_Zhang_阅读 5,815评论 0 2
  • 我讨厌毫无建树又不自知的人,我甚至极其讨厌我现在生活的圈子,却又无力改变。无能,无知,却不无畏。 我烦,我笑,我怒...
    琳za阅读 254评论 0 0