深入浅析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中的array数组使用技巧
Jan 31 Javascript
jQuery获取文本节点之 text()/val()/html() 方法区别
Mar 01 Javascript
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
Jan 13 Javascript
让元素在网页中可拖动示例代码
Aug 13 Javascript
JavaScript实现可拖拽的拖动层Div实例
Aug 05 Javascript
JavaScript tab选项卡插件实例代码
Feb 23 Javascript
React-Native 组件之 Modal的使用详解
Aug 08 Javascript
深入理解ES6的迭代器与生成器
Aug 19 Javascript
vue项目如何刷新当前页面的方法
May 18 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
Apr 16 Javascript
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
May 22 Javascript
js字符串类型String常用操作实例总结
Jul 05 Javascript
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数组函数序列之array_sum() - 计算数组元素值之和
2011/10/29 PHP
php截取中文字符串不乱码的方法
2013/12/25 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
详解WordPress中用于更新和获取用户选项数据的PHP函数
2016/03/08 PHP
PHP使用SOAP扩展实现WebService的方法
2016/04/01 PHP
PHP面向对象程序设计之多态性的应用示例
2018/12/19 PHP
laravel 框架执行流程与原理简单分析
2020/02/01 PHP
高性能Javascript笔记 数据的存储与访问性能优化
2012/08/02 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
2012/12/28 Javascript
浅析jquery的js图表组件highcharts
2014/03/06 Javascript
js 动态给元素添加、移除事件的实现方法
2016/07/19 Javascript
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
vue中的event bus非父子组件通信解析
2017/10/27 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
2018/08/29 Javascript
JS实现数组去重及数组内对象去重功能示例
2019/02/02 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
2019/05/09 Javascript
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
浅析Vue 防抖与节流的使用
2019/11/14 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
js实现盒子拖拽动画效果
2020/08/09 Javascript
vue路由结构可设一层方便动态添加路由操作
2020/08/31 Javascript
python下载文件记录黑名单的实现代码
2017/10/24 Python
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
python smtplib模块自动收发邮件功能(二)
2018/05/22 Python
python爬虫正则表达式之处理换行符
2018/06/08 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
pycharm远程开发项目的实现步骤
2019/01/20 Python
python实现Virginia无密钥解密
2019/03/20 Python
Pandas之ReIndex重新索引的实现
2019/06/25 Python
用python批量下载apk
2020/12/29 Python
保健品市场营销方案
2014/03/31 职场文书
整改报告格式
2014/11/06 职场文书
党员检讨书范文
2014/12/27 职场文书
详解Go与PHP的语法对比
2021/05/29 PHP
4种方法python批量修改替换列表中元素
2022/04/07 Python