FE ‐ ci 문서 전달 - 100-hours-a-week/KTB4-3rd-wiki GitHub Wiki

CI에 들어가야하는 작업 리스팅

의존성 설치 및 lockfile 검증

• pnpm install --frozen-lockfile

lint

• pnpm run lint

빌드

• pnpm run build

테스트

• pnpm vitest run
• pnpm playwright test

테스트 커버리지 검사

• pnpm run test:coverage

Storybook 정적 빌드

• pnpm run build-storybook

Chromatic

• npx chromatic --project-token= 토큰
• 토큰은 따로 전달드리겠습니당
• actions 예시

name: Chromatic

on:
  pull_request:
  push:
    branches:
      - main

jobs:
  chromatic:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout
        uses: actions/checkout@v7
        with:
          fetch-depth: 0

      - name: Setup pnpm
        uses: pnpm/action-setup@v4
        with:
          version: 10

      - name: Setup Node
        uses: actions/setup-node@v7
        with:
          node-version: 24
          cache: pnpm

      - name: Install dependencies
        run: pnpm install --frozen-lockfile

      - name: Run Chromatic
        run: pnpm run chromatic
        env:
          CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

의존성 파일

현재 프로젝트 레포에 있습니다. 패키지 매니저는 pnpm 사용

아래 커맨드로 의존성 설치 가능합니다

• pnpm install --frozen-lockfile