当前位置 博文首页 > 盛夏温暖流年:jenkins自动化部署vue

    盛夏温暖流年:jenkins自动化部署vue

    作者:[db:作者] 时间:2021-07-13 15:59

    一. 安装插件

    进入插件管理,安装NodeJS插件

    在这里插入图片描述

    二. 进行全局配置

    在全局工具配置中自动安装 node

    在这里插入图片描述

    这里遇到了一个坑,我第一次安装的nodejs版本是图片中的12.18.3,一点击构建就内存溢出,服务直接就停掉了,买的服务器配置是1核2G的,内存比较小,所以要安装较高版本的nodejs,改成14+版本就好了。

    在这里插入图片描述

    三. 新建任务与配置

    1. 新建自由风格的任务

    在这里插入图片描述

    1. 配置 github 源码路径

    在这里插入图片描述

    1. 配置构建环境

    在这里插入图片描述

    1. 编写构建脚本
    #!/bin/bash
    echo $PATH
    node -v
    npm -v
    npm install
    npm run build
    cd dist
    tar -zcvf dist.tar.gz *
    scp dist.tar.gz /usr/local/nginx/html/
    cd /usr/local/nginx/html/ && tar -zxvf dist.tar.gz
    cd /root/.jenkins/workspace/XXX
    rm -R dist
    
    1. 立即构建

    在这里插入图片描述

    1. 查看对应目录,发现已成功生成构建文件

    在这里插入图片描述

    后端我使用的是 springboot 框架,部署步骤可参考以下博客:

    jenkins + springboot + github + maven 自动化部署

    cs