一、配置yml

1、點擊 Actions

2、選擇模板Node.js Package

3、修改模版配置改成自己的邏輯

 name: build-and-publish
on:
  release:
    types: [created]
  pull_request:
    branches:
      - master
  push:
    branches:
      - master

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: 16
      - run: npm install
      - run: npm test
      - run: npm run build

  publish-npm:
    needs: build
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: 16
          registry-url: https://registry.npmjs.org
      - run: npm publish
        env:
          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

on.push.branches.master 每當推送master分支觸發(fā)
jobs 是任務列表，里邊設置了:
任務名稱(自定義)： publish-npm
操作系統: runs-on
執(zhí)行步驟：steps
node版本：node-version
環(huán)境變量：env

二、設置環(huán)境變量npm_token

1、在npm網站后臺創(chuàng)建一個 Access Tokens

個人頭像 -> Setting -> Access Tokens -> Create New Token

2、創(chuàng)建好之后在github設置Secrets

Setting -> Secrets and variables -> Actions -> 選擇右上角 New repository secret
輸入name和secret

名稱需要和環(huán)境變量中的一致

secret是在npm官網創(chuàng)建token

image.png

image.png

三、配置完成之后push后就會自動發(fā)布到npm

1、再次打開actions會看到workflow(yml中配置的name)

image.png

2、右側列表點開之后會顯示工作流(yml中的job)

image.png

3、如果執(zhí)行失敗點開失敗的job可以看到具體的錯誤信息

image.png