Github Actions实现Npm包自动化发布

简介: Github Actions实现Npm包自动化发布

npm 包发布其实很简单

npm publish

不过有时候推了github,忘记发布npm,

或者发布了npm,却忘记推github,导致了代码数据不同步

为了和github代码实现同步,使用Github Actions

确保npm包在本地能正常发布

步骤

1、点击 Actions

2、选择模板 :Node.js Package

3、修改成最简单的形式

name: Node.js Package


on:
push:
branches:
- master

jobs:
publish-npm:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- uses: actions/setup-node@v1
with:
node-version: 10
registry-url: https://registry.npmjs.org/
- run: npm publish
env:
NODE_AUTH_TOKEN: ${ {secrets.npm_token}}

解释

on.push.branches.master 每当推送master分支触发

jobs 是任务列表,里边设置了:

  1. 任务名称(自定义): publish-npm
  2. 操作系统: runs-on
  3. 执行步骤: steps
  4. node版本:node-version
  5. 环境变量:env

3、设置环境变量npm_token

到npm网站后台生成一个 Access Tokens

Auth Tokens -> Creat New Token

设置Github的Secrets

Settings -> Secrets -> add a new secret
npm_token = Access Tokens

这时向Github再次提交代码,就会自动发布到npm


参考

  1. GitHub Actions 入门教程 - 阮一峰
  2. Github 持续化集成 工作流 Npm包自动化发布
            </div>
目录
相关文章
|
29天前
|
JavaScript API 开发工具
使用GitHub Actions自动发布electron多端安装程序
使用GitHub Actions自动发布electron多端安装程序
30 8
|
24天前
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
52 0
|
6月前
|
JavaScript 前端开发
🚀自定义属于你的脚手架并发布到NPM仓库
🚀自定义属于你的脚手架并发布到NPM仓库
|
3月前
|
JavaScript
GitHub——自动发布NPM包
GitHub——自动发布NPM包
21 0
|
4月前
npm-check【实用教程】升级项目中的依赖
npm-check【实用教程】升级项目中的依赖
66 0
|
5月前
|
JavaScript
vue npm install安装插件请求github过慢问题
vue npm install安装插件请求github过慢问题
86 0
message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogra
message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogra
|
6月前
|
JavaScript 前端开发 开发工具
npm更新和管理已发布的包
npm更新和管理已发布的包
|
数据安全/隐私保护
npm包发布及更新
npm包发布及更新
329 0
npm包发布及更新
Npm 包的搭建与发布
Npm 包的搭建与发布
93 0
下一篇
无影云桌面