deploy-github-pages.yml

name: React Starter For GitHub Pages
on:
  push:
    branches:
      - main
      - dev

jobs:
  Build:
    # 👉🏻 install + build
    runs-on: ubuntu-22.04
    steps:
    - name: checkout code
      uses: actions/checkout@v2
    - name: setup node
      uses: actions/setup-node@v2
      with:
        node-version: '16.16'
        # cache: 'yarn'
        # cache-dependency-path: '**/yarn.lock'
    # 缓存 有需要可以开启 同时 setu node 也可以进行缓存
    # - name: yarn cache
    #   id: yarn-cahce-dir-path
    #   run: echo "::set-output name=dir::$(yarn cache dir)"
    # - uses: actions/cache@v2
    #   id: yarn-cache
    #   with:
    #     path: ${{ steps.yarn-cahce-dir-path.outputs.dir }}
    #     key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
    #     restore-keys: |
    #       ${{ runner.os }}-yarn-
    - run: npm install && npm run build
    # 上传打包好的文件，所以下一步可以使用
    - name: upload files
      uses: actions/upload-artifact@v2
      with:
        name: build-pages
        path: build
        retention-days: 1
  Deploy:
    # 👉🏻 deploy to github pages
    needs: Build # 确保build 阶段完成
    runs-on: ubuntu-22.04
    steps:
      - name: checkout code
        uses: actions/checkout@v2
      - name: download build files
        uses: actions/download-artifact@v2
        with:
          name: build-pages
          path: build
      - name: deploy
        uses: JamesIves/github-pages-deploy-action@v4.2.3
        with:
          branch: gh-pages
          folder: build
          token: "${{ secrets.GITHUBTOKENALL }}"