前言

在将我们的源代码推送到GitHub时并希望他能自动构建并将包发布到npm。

其实做法也简单,大致思路:获取仓库源代码->安装插件->构建->推送

一、生成TOKEN

这一步很重要,在npm中生成自己的TOKEN。TOKEN类型一定要选择Automation,生成后将其保存,因为一会儿要在GitHub密钥中填写这个值。

image-20210112082211684

image-20210112082232783

二、配置仓库secrets

  1. 进入你的代码仓库,单击设置

  2. 点击Secrets,并新建一个键为NPM_TOKEN,值为上一步生成的TOKEN的密钥

    image-20210112082622903

三、编写构建配置

name: Node.js Package

on:
  push:
    branches:
      - master

jobs:
  publish-npm:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node-version: [12.x]
    steps:
      # from: https://github.com/actions/checkout
      - name: 1. 检查master分支
        uses: actions/checkout@master

      # from: https://github.com/actions/setup-node
      - name: 2. 设置Node.js
        uses: actions/setup-node@master
        with:
          node-version: ${{ matrix.node-version }}
      # from: https://github.com/actions/cache
      - name: 3. 缓存
        uses: actions/cache@v2
        id: cache-dependencies
        with:
          path: node_modules
          key: ${{runner.OS}}-${{hashFiles('**/package-lock.json')}}

      - name: 4. 安装插件
        if: steps.cache-dependencies.outputs.cache-hit != 'true'
        run: |
          export TZ='Asia/Shanghai'
          npm install
      
      - name: 5. 生成文件
        run: |
          export TZ='Asia/Shanghai'
          npm run build
      
      - name: 6. 发布包
        run: |
          npm config set //registry.npmjs.org/:_authToken=$NPM_TOKEN
          npm publish
        env:
          NPM_TOKEN: ${{secrets.NPM_TOKEN}}

完成

此时当向master分支提交代码时就会自动触发构建任务并发布到npm