【自动化】利用webhooks自动化构建、编译Vue
时间:2022-07-22
本文章向大家介绍【自动化】利用webhooks自动化构建、编译Vue,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1. 前言
前言,懒,使人进步,程序员也不例外!
当你每次进行如下操作:
修改代码、npm run build、upload dist to server
是不是很烦?
很简单,利用github/gitee的web hooks + 宝塔web hooks即可完成自动化构建
2. 前提
服务器端安装Node、npm、vue
然后,找到gitee的设置:
这样,当每次进行push操作时,gitee就会自动回调一个地址
这个地址怎么来?
如果你使用的是宝塔面板,那么简单多了,就安装web hooks插件,编写回调后的脚步代码(要执行的操作就行)
添加脚本代码即可:
贴一下我的代码:
PATH=/usr/bin:/usr/local/node-v10.9.0-linux-x64/bin
export PATH
cd xxxx/repo && git pull && npm run build && cp -r ./dist/* ../
值得一说的是,要导出环境变量,也就是你git/npm命令所在的目录,不然是执行不了的....
添加之后,点击查看密钥:
复制地址到gitee即可:
3. 不使用宝塔
当然也没问题,你只需要使用python、nodejs或其他语言,监听一个端口,然后gitee的回调地址填上你监听的地址即可
所以,宝塔已经提供了,为啥我还要自己弄?
- Dubbo源码解析 —— 逻辑层设计之服务降级
- 【死磕Java并发】-----J.U.C之Condition
- 数据库中间件 MyCAT 源码分析 —— 【单库单表】查询
- 数据库中间件 MyCAT源码分析:【单库单表】插入
- 数据库中间件 MyCAT 源码分析 —— 调试环境搭建
- 分布式事务 TCC-Transaction 源码解析 —— 事务存储器
- 注册中心 Eureka 源码解析 —— 调试环境搭建
- 一样的代码、不一样的写法,JavaScript必知的简写技巧|附源代码
- 【死磕Java并发】-----J.U.C之读写锁:ReentrantReadWriteLock
- 数据库中间件 MyCAT源码分析——跨库两表Join
- iOS一种动态栅格布局方案
- 消息队列中间件 RocketMQ 源码分析 —— Message 存储
- 数据库中间件 MyCAT 源码解析 —— 分片结果合并(一)
- 数据库分库分表中间件 Sharding-JDBC 源码分析 —— SQL 路由(一)之分库分表配置
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 字符串:花式反转还不够!
- 字符串:反转个字符串还有这个用处?
- 字符串: KMP是时候上场了(一文读懂系列)
- 字符串:都来看看KMP的看家本领!
- 字符串:听说你对KMP有这些疑问?
- C++ gflags库使用说明
- 字符串:KMP算法还能干这个!
- Day12 :数值的整数次方
- 字符串:前缀表不右移,难道就写不出KMP了?
- HTTP请求头referer
- 【干货】C++基础知识:继承与派生详解
- 文本相似度——编辑距离
- 文本相似度——汉明距离
- python函数——Bunch配置加载
- npm install、npm install --global、npm install --save、npm install --save-dev的区别