Github通过Action自动发布npm package

最新推荐文章于 2023-09-21 15:25:09 发布

凉城┓.〆

最新推荐文章于 2023-09-21 15:25:09 发布

阅读量374

点赞数

分类专栏： Git 文章标签： npm github 前端

本文链接：https://blog.csdn.net/qq_31644543/article/details/129383170

版权

Git 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、配置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分支触发
jobs 是任务列表，里边设置了:
任务名称(自定义)： publish-npm
操作系统: runs-on
执行步骤：steps
node版本：node-version
环境变量：env

二、设置环境变量npm_token

1、在npm网站后台创建一个 Access Tokens

个人头像 -> Setting -> Access Tokens -> Create New Token

2、创建好之后在github设置Secrets

Setting -> Secrets and variables -> Actions -> 选择右上角 New repository secret
输入name和secret

名称需要和环境变量中的一致

secret是在npm官网创建token

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pKN5DC4C-1678173552881)(https://upload-images.jianshu.io/upload_images/20447429-698797dee2ed6947.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]