我的网站开发技术经验总结 我的网站开发技术经验总结
首页

fangdown

我的网站开发技术经验总结
首页
  • 大前端

    • nodejs

    • git

    • CI

      • 使用gitlab-ci实现前端自动化部署
        • 是什么
        • 怎么用
          • 示例 .gitlab-ci.yml
        • 原理
        • FAQ
      • 记一次nuxt配置部署环境接口baseURL,axios的经验
      • pm2+github+webhook部署转向coding自动化部署nodejs项目
      • coding构建vuepress项目
    • 小程序

    • docker

    • Typescript

    • webpack

    • 安全

  • 基础

  • 框架

  • 情商

  • 算法

  • 网络

  • 千锤百炼
  • 大前端
  • CI
fangdown
2021-08-11
目录

使用gitlab-ci实现前端自动化部署

# 是什么

自动部署: 代码push或者merge后,自动进行install、eslint、编译、部署到服务器上的过程

# 怎么用

  • 项目中配置.gitlab-ci.yml文件
  • Pipeline 是gitlab根据项目的.gitlab-ci.yml文件执行的流程,它由许多任务节点组成,每一个节点都是一个独立的任务job

# 示例 .gitlab-ci.yml

stages: # 分段
  - install
  - eslint
  - build
  - deploy

cache: # 缓存
  paths:
    - node_modules
    - build

install-job: ## 分段对应的job
  tags:
    - sss
  stage: install
  script:
    - npm install

eslint-job:
  tags:
    - sss
  stage: eslint
  script:# 执行脚本
    - npm run eslint

build-job:
  tags:
    - sss
  stage: build
  script:
    - npm run build

deploy-job:
  tags:
    - sss
  stage: deploy
  script:
    - sshpass -p $PASSWORD scp -r ./build $CUSTOM_USERNAME@$CUSTOM_IP:/var/www/html

# 原理

# FAQ

参考 (opens new window)

#CI
上次更新: 2021/12/19, 18:05:42
说说git-reset和git-revert的理解
记一次nuxt配置部署环境接口baseURL,axios的经验

← 说说git-reset和git-revert的理解 记一次nuxt配置部署环境接口baseURL,axios的经验→

最近更新
01
多分支修复撞车的问题
05-01
02
如何成为架构师
01-23
03
服务器部署全过程
11-23
更多文章>
Theme by Vdoing | Copyright © 2019-2026 fangdown | 粤ICP备19079809号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式