Skip to content

面向玄学部署

前端部署是一门玄学:同样的代码,不同的结果;同样的操作,不同的奇迹。

前端工程化部署

自动化部署 CI/CD

1️⃣ CI持续集成

即将代码集成到共有仓库(如Git)中,并自动进行构建、测试和验证,以确保团队成员的代码都能够统一的集成在一起,同时减少冲突和问题。

2️⃣ CD持续交付/持续部署

即在持续集成的基础上,对代码进行自动化构建、测试和发布,并可以进行快速、可靠地部署。

CI/CD 工具选择

1️⃣ 第一梯队:推荐(无缝集成)

  • GitHub Actions

GitHub 提供的 CI/CD 的功能,可以通过 GitHub Actions 实现自动化构建、测试和部署。

  • GitLab CI/CD

GitLab平台,版本控制平台内置的CI/CD工具,与GitLab紧密集成,提供一体化的代码管理和持续交付功能。

2️⃣ 第二梯队:专业与老牌

  • Jenkins

一个开源的、可扩展的CI/CD工具,支持多种编程语言和版本控制系统

  • CircleCI

一个云端的 CI/CD 工具,支持多种编程语言和版本控制系统,使用简单,适合小型团队。

  • Travis CI

一个云端的 CI/CD 工具,支持多种编程语言和版本控制系统,使用简单,适合小型团队。

前端项目部署流程

  • 1️⃣ 代码获取:拉取代码仓库的代码
  • 2️⃣ 依赖安装:使用包管理工具(如pnpm/npm/yarn/bun)安装项目依赖包。
  • 3️⃣ 执行构建:编译、压缩、优化代码
  • 4️⃣ 打包部署:将构建生成的静态资源部署到目标服务器或云服务上。

Nginx