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 是任务列表,里边设置了:


任务名称(自定义): publish-npm

操作系统: runs-on

执行步骤: steps

node版本:node-version

环境变量: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

相关文章
|
28天前
|
前端开发 小程序 API
【微信小程序】-- 使用 npm 包 - API Promise化(四十二)
【微信小程序】-- 使用 npm 包 - API Promise化(四十二)
|
28天前
|
资源调度 小程序 前端开发
【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
|
28天前
|
JavaScript Linux 数据安全/隐私保护
node内网安装npm私服以及依赖包上传发布verdaccio
node内网安装npm私服以及依赖包上传发布verdaccio
169 1
|
28天前
|
资源调度 小程序 前端开发
【微信小程序】-- npm包总结 --- 基础篇完结(四十七)
【微信小程序】-- npm包总结 --- 基础篇完结(四十七)
|
28天前
|
JavaScript
Nodejs 第七章(发布npm包)
Nodejs 第七章(发布npm包)
32 0
|
28天前
|
资源调度
#发布npm包遇到错误,因为用了淘宝镜像地址的原因的解决方法-403 403 Forbidden - PUT https://registry.npmmirror.com/-/user/org.cou
#发布npm包遇到错误,因为用了淘宝镜像地址的原因的解决方法-403 403 Forbidden - PUT https://registry.npmmirror.com/-/user/org.cou
203 0
|
16天前
|
前端开发 JavaScript 数据安全/隐私保护
从0到1开发一个自己的npm包完整过程
创建自己的 npm 包涉及六个步骤:1) 注册 npm 账号;2) 使用 `npm init` 初始化项目,确保 package.json 的 name 唯一且 private 为 false;3) 开发项目,可封装 UI 组件、函数库或命令行工具;4) 本地调试,通过 `npm link` 在项目中测试;5) `npm login` 登录账号,可能需切换至官方仓库;6) 使用 `npm publish` 发布项目。注意版本号递增,无意义的包不建议发布。
25 2
从0到1开发一个自己的npm包完整过程
|
18天前
|
JSON 小程序 前端开发
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
微信小程序按需引入 vant 组件,自动清除项目中未使用的 vant 组件,减少代码包大小,避免因未使用到的 vant 组件触发隐私协议提交审核时被拒
31 1
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
|
28天前
|
缓存
发布第一个npm包的过程记录
发布第一个npm包的过程记录
21 0
|
28天前
|
小程序 开发工具 开发者
【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法
【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法
67 1

推荐镜像

更多