面向玄学部署
前端部署是一门玄学:同样的代码,不同的结果;同样的操作,不同的奇迹。
前端工程化部署
自动化部署 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️⃣
打包部署:将构建生成的静态资源部署到目标服务器或云服务上。