Jenkins pnpm部署前端react
时间: 2023-07-09 07:43:15 浏览: 244
使用Jenkins部署React项目的方法步骤
在 Jenkins 中使用 pnpm 部署前端 React 应用程序,可以按照以下步骤进行操作:
1. 安装 Node.js 和 pnpm
在 Jenkins 的计算机中安装 Node.js 和 pnpm。你可以按照官方文档的指引进行安装,或者参考以下命令进行安装:
```
# 安装 Node.js
sudo yum install nodejs -y
# 安装 pnpm
npm install -g pnpm
```
2. 在 Jenkins 中创建一个新的构建任务
在 Jenkins 中创建一个新的构建任务,选择自由风格的软件项目作为项目类型。
3. 配置构建任务
在构建任务的配置页面中,进行如下配置:
- 源码管理
选择 Git,填写你的代码仓库的 URL 和凭据信息。
- 构建触发器
选择触发远程构建,填写一个安全的令牌。
- 构建环境
选择 Provide Node & npm bin/ folder to PATH,勾选 Install automatically,选择你安装的 Node.js 版本。
- 构建
在构建步骤中,选择 Execute shell 或者 Execute Windows batch command,输入以下命令:
```
# 安装依赖
pnpm install
# 构建应用程序
pnpm run build
```
这些命令将安装应用程序的依赖并构建应用程序。
- 构建后操作
在构建后操作中,选择 Archive the artifacts,填写需要归档的文件路径,例如 `dist/*`。
4. 运行构建任务
保存构建任务的配置,并点击构建按钮运行任务。Jenkins 将会自动拉取代码、安装依赖、构建应用程序,并将构建结果归档。
你可以在 Jenkins 的构建历史记录中查看构建结果,并下载构建产物。
阅读全文