如何使用cross-env配置多个环境（前端）_cross_env构建环境-程序员宅基地

技术标签： cross-env  

什么是cross-env

通过js在平台设置不同的环境变量的工具

怎么用？

第一步：安装

npm install --save-dev cross-env

第二步：指令

在package.json中的scripts加上一条：

// 使用cross-env配置一个环境变量env,且它的值为production生产环境
cross-env env=production webpack-dev-server --info=false --host 0.0.0.0 --hot --config ./build/webpack.dev.config.js

上指令的后半句：

// webpack.对应环境.config.js
webpack-dev-server --info=false --host 0.0.0.0 --hot --config ./build/webpack.dev.config.js

cross-env 以后可以写入下一步指令，即配置好环境变量后再执行下一步（启动服务等）

环境变量还可以是JSON，具体写法可以参考

{
    
  "scripts": {
    
    "test": "cross-env TS_NODE_COMPILER_OPTIONS={\\\"module\\\":\\\"commonjs\\\"} node some_file.test.ts"
  }
}

查看JSON写法文档
这样，我们就拥有了个全局变量啦！

第三步

在上一步，我们设置了个环境变量且赋值为’production‘

接下来我们可以写多个配置文件，引入这个环境变量，为啥要写多个配置文件呢？那是因为不同环境的配置需求是不一样的，例如，测试环境有A系列域名，开发环境有B系列域名等。

最后你可能有这么个文件目录：
在这里插入图片描述

最后一步

让我们回到第二步，执行指令吧！
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/knijiokm/article/details/91043454

智能推荐

用python+graphviz/networkx画目录结构树状图_networkx画树状图-程序员宅基地

文章浏览阅读1.3w次，点赞2次，收藏22次。想着用python绘制某目录的树状图，一开始想到了用grapgviz，因为去年离职的时候整理文档，用graphviz画过代码调用结构图。graphviz有一门自己的语言DOT，dot很简单，加点加边设置属性就这点东西，而且有python接口。我在ubuntu下，先要安装graphviz软件，官网有deb包，然后python安装pygraphviz模块。目标功能是输入一个路径，输出该路径下的_networkx画树状图

【绿色求索T1设备资产通1.5单机版】适用于资产密集型企业管理_求索t1设备资产通系统(单机版)注册码-程序员宅基地

文章浏览阅读899次。绿色求索T1设备资产通 1.5 单机版 [企业管理高价值设备资产的使用情况]下载软件大小：5.56MB软件语言：简体中文软件类别：软件授权：免费软件更新时间：2013-08-03 07:44:00应用平台：Win2K,WinXP,Win2003,Vista,Win7绿色软件下么官方地址：系统之家官网求索T1设备资产通 1.5 单机版 _求索t1设备资产通系统(单机版)注册码

王桂林C语言从放弃到入门课程-程序员宅基地

文章浏览阅读195次。课程目标16天，每天6节课，每节40分钟课堂实录，带你征服C语言，让所有学过和没有学过C语言的人，或是正准备学习C语言的人，找到学习C语言的不二法门。适用人群所有学过和没有学过C语言的人，或是正准备学习C语言的人！

xml实体注入问题_xml注入 内容注入-程序员宅基地

文章浏览阅读618次。xml实体注入问题 https://www.owasp.org/index.php/XML_External_Entity_(XXE)_Prevention_Cheat_Sheet#SAXBuilder_xml注入 内容注入

CRM是否有效？可通过这些办法判断！_crm如何判断会员唯一性-程序员宅基地

文章浏览阅读204次。CRM就是关于客户与公司销售团队之间的客户关系管理，它是一个销售人员管理工具。作为一个工具型产品，CRM能减少更多的人为错误，提高工作效率，从而达到更好的营收。如果在使用CRM期间出现以下现象：不能从不同潜在客户来源中获取潜在客户，不能将潜在客户转化为销售订单，不能提供合适的销售渠道，不能提高销售人员的工作效率。说明你使用的CRM存在问题。如何判断CRM是否有效？为了检查CRM的有效性，销售人员可以对捕获到的潜在客户和具体需求进行跟踪。销售人员能够判断这个潜在客户是否值得做进一步的跟进，或者是否应该放_crm如何判断会员唯一性

数据库三大范式_怎么理解第三范式-程序员宅基地

文章浏览阅读617次，点赞2次，收藏3次。1.第一范式：强调的是列的原子性，即数据库表的每一列都是不可分割的原子数据项。2. 第二范式：要求实体的属性完全依赖于主关键字。所谓完全依赖是指不能存在仅依赖主关键字一部分的属性。3.第三范式：任何非主属性不依赖于其它非主属性。在实际的开发中需要考虑诸多问题，如：考虑商业化的需求和目标（成本，用户体验），数据库的性能更加重要在规范性能问题的时候，需要适当地考虑一下规范性有时候会故意给某些表增加一些冗余的字段（多表查询→单表查询）_怎么理解第三范式

随便推点

EasyUI 取得选中行数据-程序员宅基地

文章浏览阅读63次。转自：http://www.jeasyui.net/tutorial/23.html本实例演示如何取得选中行数据。数据网格（datagrid）组件包含两种方法来检索选中行数据：getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。getSelections：取得所有选中行数据，返回元素记录的数组数据。创建数据网格（DataGrid）&lt..._easyui 获取table选中的一行的值

云上武功秘籍（三）华为云上部署金蝶EAS Cloud_云上部署含带宽-程序员宅基地

文章浏览阅读1k次。每天琐事缠身，查错、维护、开接口？——不，你可以更加富有创造力！假期千里迢迢飞回公司机房处理一个小故障？——不，你可以更加自由高效！如果这就是你的写照，那为什么不选择上云呢？如果要上云，那为什么不选择华为云呢？云上秘籍第三弹——超详细、超全面的金蝶EAS Cloud部署教程来啦！负载均衡？WEB安全？一篇文章全部搞定！最后，请大家相信我们华为云生态 ISV团队的诚意和实力，谢谢！_云上部署含带宽

京东OLAP实践之路-程序员宅基地

文章浏览阅读640次。导读：本文主要介绍京东在构建OLAP从无到有各环节考虑的重点，由需求场景出发，剖析当前存在的问题，并提供解决方案，最后介绍OLAP的发展过程。▌需求场景1. 京东数据入口① 业务数据：订单..._京东 风控flink实践之路

qt qml与c++_qt c++ qml-程序员宅基地

文章浏览阅读1.4k次，点赞3次，收藏17次。QMl是一种高效的开发UI 的语言。QML（Qt Meta-Object Language，Qt元对象语言）是一种声明式编程语言，并且它是Qt框架的一个组成部分。Action 对应QAction，提供能够绑定到导航和视图的抽象的用户界面动作。StackView 对应QStackedWidget，提供基于栈的层叠布局。TabView 对应QTabWidget，提供带有标签的基于栈的层叠布局。TabView 对应QTabWidget，提供带有标签的基于栈的层叠布局。_qt c++ qml

详述GPS原理及RTK技术应用_rtk与gps数据的融合过程-程序员宅基地

文章浏览阅读8.9k次，点赞12次，收藏100次。详述GPS原理及RTK技术应用，包括四大卫星定位系统，GPS系统组成：GPS空间部分、地面监控系统和GPS信号接收器（GPS卫星定位车载终端）；GPS定位技术（WGS-84坐标系），GPS定位原理（绝对定位原理，相对定位原理，静态相对定位，动态相对定位）；GPS实时动态定位技术RTK的工作原理以及基准站和流动站组成，GPS实时差分定位RTK技术的缺点，移动站的解算状态；GPS网络RTK技术(VRS系统)组成和原理，作业优势，还有GPS_NMEA 0183协议相关语句介绍。_rtk与gps数据的融合过程

CSS基础（超详解）-程序员宅基地

文章浏览阅读2.3w次，点赞103次，收藏800次。Css (层叠样式表)是种格式化网页的标准方式， 用于控制设置网页的样式，并且允许CSS样式信息与网页内容(由HTML语言定义)分离的一种技术。_css

推荐文章

热门文章

相关标签