本文将图解并详细阐述如何通过Jenkins Pipeline来实现前端自动化部署，强调了Pipeline相较于自由风格项目的灵活性和高级自动化能力。以下是部署流程的步骤：

首先，选择Jenkins Pipeline任务以实现更高效的自动化流程，相较于自由风格项目，Pipeline提供了更高级的构建能力。

### Pipeline核心脚本

#### 获取 Git 代码分支

使用gitParameter插件获取Git仓库的分支，部署时选择分支。默认选择develop分支。

#### Git环境变量与获取Git分支代码

关键代码通过Git插件获取选定的Git分支。

#### 拷贝依赖包

考虑到node_modules不会上传到Git仓库，需要在Linux服务器上预先安装依赖包，然后手动压缩并拷贝到Jenkins服务器的passjava目录。部署时，从passjava目录将node_modules压缩包拷贝并解压到当前工作目录。

#### 编译代码

使用npm run build xx命令编译前端代码，并压缩编译后的dist目录。

#### 备份代码

将web服务器上多个前端项目移动到备份目录web-bak。

#### 上传代码

将编译后的代码包上传到web服务器。

#### 更新代码

解压dist压缩包，将多个前端工程（如passjavabase, passjava-channel, project-contract）拷贝到passjava-web-micro目录。

#### 清理代码

执行命令查找并删除web服务器上超过7天未修改的目录，以确保服务器空间整洁。

#### 邮件通知

具体步骤见之前的邮件通知教程。

### 总结

通过使用Jenkins Pipeline进行前端自动化部署，团队可以实现高效管理与部署前端应用程序，降低人为错误和手动操作的风险，显著提升开发和部署效率。此方法通过图解和代码展示，涵盖了从分支获取到代码更新的完整流程，有助于优化部署流程，特别是在支持选择部署不同前端模块方面。