GitLab CI/CD 前端项目

秒速五厘米 2022-11-26 12:58 111阅读 0赞

image: node:latest
    
    stages:
      - install
      - test
      - build-dist
    
    # 在流水线中使用package.json缓存node_modules,只要package.json内容没变就一直使用缓存
    cache:
      key:
        files:
          - package.json
      paths:
        - node_modules
    
    # 定义安装npm包的job
    install:
      stage: install
      script:
        - npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
        - npm install --registry=http://registry.npm.taobao.org
    
    # 定义代码验证的job
    code-lint:
      stage: test
      script:
        - npm run lint
      allow_failure: true # 运行失败,代码验证失败后仍然会执行后续job
    
    # 编译生成文件的job
    build-dist:
      stage: build-dist
      before_script:
        - 'command -v ssh-agent >/dev/null || ( apt-get update -y && apt-get install openssh-client -y )'
        - eval $(ssh-agent -s)
        - echo "$SSH_PRIVATE_KEY" | tr -d '\r' | ssh-add -
        - mkdir -p ~/.ssh
        - chmod 700 ~/.ssh
    
        - ssh-keyscan 115.159.52.223 >> ~/.ssh/known_hosts
        - chmod 644 ~/.ssh/known_hosts
      script:
        - npm run build
        - scp -r dist root@115.159.52.223:/usr/local/www
      artifacts:
        paths:
          - dist
      only: # 只在master分支编译,为了能够
        - master

** usr/local/www ： 服务器nginx代理指向的目录**

**SSH\_PRIVATE\_KEY： 免密登录的私钥**

**使用公有runner**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zNTYzMTU0MA_size_16_color_FFFFFF_t_70]: /images/20221124/17abbd966afd49468017dd00f193ce86.png

发表评论取消回复

表情：

评论列表（有 0 条评论，111人围观）

还没有评论，来说两句吧...

相关阅读

相关前端CICD：VMware（centos8stream）部署gitlab

一、前言明白了CICD的重要性，从gitlab开始吧。本想用阿里云部署gitlab，但操作的时候发现我的服务器配置有些低，不能进行下去，只好打开我许久没有使用的虚拟机V

￡神魔★判官ぃ/ 2024年04月06日 12:01/ 0 赞/ 59 阅读

相关 java项目cicd实现

Java项目的持续集成(CI)和持续交付(CD)实现通常包括以下步骤： 1. 配置构建服务器：首先，您需要准备一台服务器，用于运行构建和测试任务。这可以是物理机，也可以是虚

爱被打了一巴掌/ 2024年03月26日 08:30/ 0 赞/ 79 阅读

相关【Gitlab】CICD流水线自动化部署教程

第一步，准备 GitLab 仓库 > 这个不用多说，得先保证你的项目已经托管在一个 GitLab 仓库中。 -------------------- 第二步，定义

分手后的思念是犯贱/ 2024年02月05日 15:00/ 0 赞/ 42 阅读

相关 Jenkins项目部署CICD

目录什么是CI/CD 常用 CI/CD 工具主要步骤 1、点击新建任务 2、构建自由风格项目 3、填写内容 ①、General 1）描述 2）丢弃旧的构

小咪咪/ 2024年02月05日 14:23/ 0 赞/ 51 阅读

相关 gitlab CICD

一、前言如果你还不了解 GitLab CI 的话，最好先参考一下这篇博客对 GitLab CI 的简介，链接：https://blog.csdn.net/afei\_

缺乏、安全感/ 2022年12月05日 00:57/ 0 赞/ 213 阅读

相关 GitLab CI/CD 前端项目

image: node:latest stages: - install - test - build-dist

秒速五厘米/ 2022年11月26日 12:58/ 0 赞/ 112 阅读

相关基于gitlab的CICD流程规范

前言：这篇文章主要讲一讲基于gitlab的CICD流程规范基于gitlab的CICD流程规范一、简介二、CICD流程图三、CICD说明

系统管理员/ 2022年09月13日 04:18/ 0 赞/ 359 阅读

相关 gitlab-cicd

文章目录安装gitlab 安装包方式安装 docker方式部署gitlab-ce

快来打我*/ 2022年09月05日 15:44/ 0 赞/ 250 阅读

相关 gitlab cicd (五)系列之CD功能实现

本编是继[gitlab cicd (四)系列之安装git-runner kubernetes安装方式][gitlab cicd _git-runner kubernetes]之

Love The Way You Lie/ 2022年04月15日 05:55/ 0 赞/ 220 阅读

相关 gitlab cicd (一)系列之安装gitlb

系统 [root@gitlab-server-63 ~] cat /etc/redhat-release CentOS Linux release 7.5.

- 日理万妓/ 2022年04月15日 03:10/ 0 赞/ 235 阅读