使用github-actions发布npm包

建立两个流水线workflows:npm publishnpm unpublish

npm token

首先,登录npmjs后需要在上面Access Token新增Token,选择Classic Token可以无限使用,没有过期时间,type: Publish就可以了

注意 :这里新增完及时复制,刷新页面后就永远看不到了,只能继续新增了

仓库Actionstab页 仓库设置页

  • Secrets: 这里我配置的是组织下都可以用的Organization secrets,在配置文件里面的使用方式如${{secrets.NPM_TOKEN}},注意这个不会打印出来内容,要打印出来的需要使用变量

如果是单个仓库,可以配置Repository secrets

  • Variables: 配置npm unpublish的版本号,会打印出来内容

npm publish

新建配置文件,只要输入名字就可以了,这里可以输入npm-publish

注意:有个模板,buildpublish分成两个job,会导致最后publish的时候没有上一步的产物,所以这里要放在同一个job

可以填入以下内容 .github/workflows/npm-publish.yml

yaml 复制代码
# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages

name: npm-publish

on:
  workflow_dispatch:

jobs:
  publish-npm:
    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 install && npm build
      - run: npm ci
      - run: npm publish
        env:
          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

npm unpublish

新建配置文件,只要输入名字就可以了,这里可以输入npm-unpublish npm unpublish 的版本使用变量NPM_UNPUBLISH_VER动态设置,同时job里的name也会引用这个变量,这样在外面就可以看到版本号了 可以填入以下内容 .github/workflows/npm-unpublish.yml

yaml 复制代码
# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages

name: npm-unpublish

on:
  workflow_dispatch:

jobs:
  unpublish:
    name: unpublish @${{ vars.NPM_UNPUBLISH_VER }}
    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 unpublish @zr-lib/dev-torun@${{ vars.NPM_UNPUBLISH_VER }}
        env:
          NODE_AUTH_TOKEN: ${{secrets.npm_token}}

最后

更多的配置查看文档即可,可以手动点击发布,也可以配置自动触发

相关推荐
一枚前端小能手19 小时前
📦 从npm到yarn到pnpm的演进之路 - 包管理器实现原理深度解析
前端·javascript·npm
逛逛GitHub1 天前
推荐 3 个 GitHub 开源项目,让你的 Claude Code 与众不同。
github
whysqwhw1 天前
KSP 全面讲解
github
whysqwhw1 天前
KotlinPoet 详解
github
洛小豆1 天前
Git打标签仓库看不到?她说:豆子,你又忘了加 --tags!
git·后端·github
不老刘1 天前
GitHub Spec-Kit:AI 时代的规范驱动开发工具
人工智能·github·spec-kit
piggy侠1 天前
【GitHub每日速递 251016】23k star,Daytona:90ms内极速运行AI代码,安全弹性基础设施来袭!
算法·github
CoderJia程序员甲1 天前
GitHub 热榜项目 - 日榜(2025-10-15)
ai·开源·大模型·github·ai教程
绝无仅有1 天前
面试真实经历某商银行大厂Java问题和答案总结(四)
后端·面试·github
绝无仅有1 天前
面试真实经历某商银行大厂Java问题和答案总结(六)
后端·面试·github