前端自动化部署

112 阅读1分钟

准备环境

Jenkins

安装插件

首先安装前端项目插件,在插件管理安装gitee(github无需)和nodejs

image.png

在全局工具配置git路径、node设置对应版本

image.png

创建任务

自由风格软件

image.png

输入git仓库地址

image.png

git账号密码

image.png

触发方式

令牌是在导航栏输入框框后面的url触发

Webhook在gitee仓库代码push后触发

image.png

webhook

  • url是Jenkins中webhook后面的URL

  • 密码勾选后生成

image.png

选择配置好的node版本

image.png

构建中执行shell

#!/bin/bash
echo $PATH

node -v

npm install yarn -g

yarn config set registry https://registry.npm.taobao.org

yarn

yarn build

nginx

一般打包好的文件会在默认目录/var/lib/jenkins/workspace/

配置nginx文件即可