前言

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

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

一、生成TOKEN

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

image-20210112082211684

image-20210112082232783

二、配置仓库secrets

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

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

    image-20210112082622903

三、编写构建配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
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