如何发布一个 NPM 包

首先初始化: npm init

文件夹结构

  • .gitignore Git 库忽略文件清单
  • .npmignore 不包括在 npm 注册库中的文件清单
  • LECENSE 模块的授权文件
  • README.md 说明文档
  • bin 保存模块可执行文件的文件夹
  • doc 保存模块文档的文件夹
  • example 保存模块实际示例
  • lib 保存模块代码
  • man 保存模块的手册页
  • package.json 模块的 json 描述
  • test 保存模块测试

编写代码

项目结构:其中 index.js 是入口文件

复制代码
D:.
│  index.js
│  package.json
│
├─libs
│      colors.js
│      console-colors.js
│      print.js
│
└─test
        print-console.js

发布到 NPM

添加账号:

bash 复制代码
npm adduser

会弹出浏览器,输入用户名和密码,即可。

发布:

bash 复制代码
npm publish

会弹出浏览器进行验证,自动上传镜像仓库。

上传完毕!

相关推荐
用户1733598075373 分钟前
Vue 3 SPA 首屏优化:从 3s 到 1.2s 的 5 个实践
前端·vue.js
咖啡无伴侣3 分钟前
基础骨架:30 分钟搭好 pnpm workspace,完成双项目 Monorepo 迁入
前端
谷无姜7 分钟前
Webpack5 进阶思考:那些官方文档没讲清楚的事
前端·webpack
weedsfly8 分钟前
还在用 Axios?你可能需要重新理解 XHR 与 Fetch
前端·javascript·面试
CoderWeen10 分钟前
从零实现一个 Vue3 流程图编辑器:节点拖拽、贝塞尔连线与框选
前端·javascript
森鹿10 分钟前
express中间件原理以及大致实现
前端·express
光影少年10 分钟前
HashRouter 和 BrowserRouter 区别、底层原理、部署差异
前端·react.js·nestjs
柯克七七10 分钟前
我把祖传项目的构建时间砍了90%,领导以为我只是在"优化了一下",结果隔壁组的CI都崩了来问我配置
前端·webpack
风骏时光牛马12 分钟前
JSP页面直接输出实体对象空属性引发页面500报错实战案例
前端
IT_陈寒38 分钟前
Python里这个赋值坑,连老司机都能翻车
前端·人工智能·后端