深入浅析vue中cross-env的使用


Posted in Javascript onSeptember 12, 2019

cross-env

cross-env是跨平台设置和使用环境变量的脚本。

在大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样,Windows和Linux命令如何设置环境变量也有所不同。

使用 cross-env 可以设置在不同的平台上有相同的NODE_ENV参数。

使用

安装

npm install cross-env --save-dev
package.json
"scripts": {
  "serve": "cross-env NODE_ENV=development vue-cli-service serve --open",
  "build": "cross-env NODE_ENV=production vue-cli-service build"
}

development
production

process为node的全局变量

适用场景

适用于本地线上环境有差异的场景,例如本地线上使用不用的开发域名则可以通过 NODE_ENV 来判断

if(process.env.NODE_ENV!='development'){
  //线上环境
}

知识点扩展:cross-env使用笔记

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

大多数情况下,在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住,windows平台与POSIX在使用命令行时有许多区别(例如在POSIX,使用$ENV_VAR,在windows,使用%ENV_VAR%。。。)

cross-env让这一切变得简单,不同平台使用唯一指令,无需担心跨平台问题

npm安装方式

npm i --save-dev cross-env

在npm脚本(多是package.json)里这么配置

{
 "scripts": {
  "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js"
 }
}

运行npm run build,这样NODE_ENV便设置成功,无需担心跨平台问题

总结

以上所述是小编给大家介绍的vue中cross-env的使用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
Javascript里使用Dom操作Xml
Jan 22 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 Javascript
JavaScript实现简单的时钟实例代码
Nov 23 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
浅谈javascript中基本包装类型
Jun 03 Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 Javascript
Javascript 实现简单计算器实例代码
Oct 23 Javascript
JS实现的简单拖拽功能示例
Mar 13 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
iview Upload组件多个文件上传的示例代码
Sep 30 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
Apr 09 Javascript
Vue实现随机验证码功能
Dec 29 Vue.js
layui form表单提交之后重新加载数据表格的方法
Sep 11 #Javascript
layer弹出层显示在top顶层的方法
Sep 11 #Javascript
layer.js之回调销毁对话框的例子
Sep 11 #Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 #Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
Sep 11 #Javascript
浅谈layui框架自带分页和表格重载的接口解析问题
Sep 11 #Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
Sep 11 #Javascript
You might like
php设计模式 Mediator (中介者模式)
2011/06/26 PHP
php之CodeIgniter学习笔记
2013/06/17 PHP
浅谈Eclipse PDT调试PHP程序
2014/06/09 PHP
getimagesize获取图片尺寸实例
2014/11/15 PHP
PHP房贷计算器实例代码,等额本息,等额本金
2017/04/01 PHP
PHP处理bmp格式图片的方法分析
2017/07/04 PHP
jquery 弹出登录窗口实现代码
2009/12/24 Javascript
JavaScript中获取元素索引的函数
2010/09/10 Javascript
js中根据字数截取字符串,不能截断url
2012/01/12 Javascript
DOM2非标准但却支持很好的几个属性小结
2012/01/21 Javascript
js Map List 遍历使用示例
2013/07/10 Javascript
从零学JSON之JSON数据结构
2014/05/19 Javascript
轻量级的原生js日历插件calendar.js使用指南
2015/04/28 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
2016/01/12 Javascript
学习使用jquery iScroll.js移动端滚动条插件
2020/03/24 Javascript
JavaScript学习笔记之数组的增、删、改、查
2016/03/23 Javascript
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
python在多玩图片上下载妹子图的实现代码
2013/08/13 Python
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
Windows下用py2exe将Python程序打包成exe程序的教程
2015/04/08 Python
Python中类型关系和继承关系实例详解
2015/05/25 Python
python图像处理之镜像实现方法
2015/05/30 Python
使用url_helper简化Python中Django框架的url配置教程
2015/05/30 Python
Python循环结构的应用场景详解
2019/07/11 Python
python基于event实现线程间通信控制
2020/01/13 Python
python如何把字符串类型list转换成list
2020/02/18 Python
Exoticca英国:以最优惠的价格提供豪华异国情调旅行
2018/10/18 全球购物
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
威盛公司软件C++工程师笔试题面试题
2012/07/16 面试题
个人授权委托书模板
2014/09/14 职场文书
财务审计整改报告
2014/11/06 职场文书
2015年基建工作总结范文
2015/05/23 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书
win10滚动条自动往上跑怎么办?win10滚动条自动往上跑的解决方法
2022/08/05 数码科技