深入浅析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 多种搜索引擎集成的页面实现代码
Jan 02 Javascript
Firebug入门指南(Firefox浏览器)
Aug 21 Javascript
控制input输入框中提示信息的显示和隐藏的方法
Feb 12 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
Jan 09 Javascript
js实现网站最上边可关闭的浮动广告条代码
Sep 04 Javascript
jQuery实现美观的多级动画效果菜单代码
Sep 06 Javascript
jQuery中的siblings用法实例分析
Dec 24 Javascript
Angularjs中使用Filters详解
Mar 11 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
vue项目中在外部js文件中直接调用vue实例的方法比如说this
Apr 28 Javascript
js实现无缝轮播图
Mar 09 Javascript
react项目从新建到部署的实现示例
Feb 19 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单元测试phpunit入门实例教程
2017/11/17 PHP
Thinkphp 在api开发中异常返回依然是html的解决方式
2019/10/16 PHP
繁简字转换功能
2006/07/19 Javascript
javascript 鼠标滚轮事件
2009/04/09 Javascript
zShowBox 图片放大展示jquery版 兼容性
2011/09/24 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
node.js中的http.createServer方法使用说明
2014/12/14 Javascript
node.js中的fs.readdirSync方法使用说明
2014/12/17 Javascript
JS实现刷新父页面不弹出提示框的方法
2016/06/22 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
Bootstrap框架安装使用详解
2017/01/21 Javascript
详解Javascript中DOM的范围
2017/02/13 Javascript
前端构建工具之gulp的语法教程
2017/06/12 Javascript
AngularJS实现单一页面内设置跳转路由的方法
2017/06/28 Javascript
JavaScrip数组删除特定元素的几种方法总结
2017/09/06 Javascript
js实现简单页面全屏
2019/09/17 Javascript
解决Layui数据表格的宽高问题
2019/09/28 Javascript
Vue中错误图片的处理的实现代码
2019/11/07 Javascript
在 Vue 中编写 SVG 图标组件的方法
2020/02/24 Javascript
koa2 数据api中间件设计模型的实现方法
2020/07/13 Javascript
用vue设计一个日历表
2020/12/03 Vue.js
Python3 批量扫描端口的例子
2019/07/25 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
Python IDE环境之 新版Pycharm安装详细教程
2020/03/05 Python
在Django中自定义filter并在template中的使用详解
2020/05/19 Python
Python3+selenium配置常见报错解决方案
2020/08/28 Python
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
世界上最伟大的马产品:Equiderma
2020/01/07 全球购物
高级销售员求职信
2013/10/25 职场文书
将相和教学反思
2014/02/04 职场文书
2014年团队工作总结
2014/11/24 职场文书
社区艾滋病宣传活动总结
2015/05/07 职场文书
2015年妇女工作总结
2015/05/14 职场文书
聘任协议书(挂靠)
2015/09/21 职场文书
Feign调用全局异常处理解决方案
2021/06/24 Java/Android