Github 如何配置 PNPM 的 CI 环境

最近出于兴趣在写一个前端框架 echox,然后在 Github 上给它配置了最简单的 CI 环境,这里简单记录一下。

特殊目录

首先需要在项目根目录里面创建 Github 仓库中的一个特殊目录:.github/workflows,用于存放 Github Actions 的工作流配置文件。

image.png

添加 Action

这之后在该目录下新建一个名叫 test.yml 的文件,用于在 CI 流程中添加测试相关的 Action。

image.png

配置 Action

对于每一个 Action 的配置文件来说,主要有这么几个配置:

  • name:Action 的名字,会展现在 CI 面板之中
  • on:触发该 Action 的条件(时机)
  • jobs:执行的任务

因为 echox 使用 PNPM 开发的,所以我们需要在 CI 开始的时候安装 PNPM,完整的配置文件如下:

# .github/workflows/test.yml

name: Test # 任务名字

on: # 触发时机,提交或者期望合并到 main 分支的时候
  push:
    branches: [main]
  pull_request:
    branches: [main]

jobs: 
  test: # 只包含一个叫 test 的任务
    runs-on: ubuntu-latest # 指定任务运行环境
    steps:
      - uses: actions/checkout@v4 # 将目标分支 checkout 到运行环境
      - uses: actions/setup-node@v4 # 安装 node@20
        with:
          node-version: "20"
      - run: npm install -g pnpm # 安装 PNPM
      - run: pnpm install --frozen-lockfile # 根据 lock 文件安装依赖
      - run: pnpm run test # 运行测试

最后

如果一切顺利,将会得到如下的结果:

image.png

完整的代码在这里 #54,如果觉得不错的话可以给 echox 点一个 star!

相关推荐

  1. github配置使用CI

    2024-06-06 17:40:09       25 阅读
  2. pnpm安装与配置(Windows/macOS)

    2024-06-06 17:40:09       15 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-06 17:40:09       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-06 17:40:09       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-06 17:40:09       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-06 17:40:09       20 阅读

热门阅读

  1. 上传code至github的步骤

    2024-06-06 17:40:09       7 阅读
  2. 电脑问题和解决方法记录

    2024-06-06 17:40:09       8 阅读
  3. MyEclipse 新手使用教程

    2024-06-06 17:40:09       10 阅读
  4. 深度解读:Apache Kafka如何超越消息引擎的界限

    2024-06-06 17:40:09       11 阅读
  5. C#语言进阶(二)—事件 第三篇(事件访问器)

    2024-06-06 17:40:09       9 阅读
  6. WebRTC 在 iOS 端实现一对一通信

    2024-06-06 17:40:09       12 阅读
  7. 【OpenCV】基于opencv的视频间隔抽帧脚本

    2024-06-06 17:40:09       10 阅读
  8. HarmonyOS LocalStorage使用

    2024-06-06 17:40:09       8 阅读
  9. ceph报错整理

    2024-06-06 17:40:09       7 阅读