如何将你写的 js 模块发布到 npmjs 给大家使用

介绍如何将你写的 js 模块发布到 npmjs 仓库,让其他开发者可以通过 npm 安装和使用。来丰富社区。

准备工作

发布 npm 包前,确保你已经:

  1. 安装了 Node.js 和 npm
  2. 拥有 npm 账号(可以在 npmjs.com 注册)
  3. 在本地登录 npm 账号

发布步骤

1. 登录 npm 账号

如果尚未登录,首先执行登录命令:

bash 复制代码
npm login

根据提示输入用户名、密码和邮箱。

2. 确认 package.json 配置

确保 package.json 文件包含了必要的信息:

json 复制代码
{
  "name": "app name",
  "version": "1.0.6",
  "description": "app description.",
  "author": "你的名字 <你的邮箱>",
  "repository": {
    "type": "git",
    "url": "https://github.com/你的用户名/appname.git"
  },
  "keywords": ["key"],
  "main": "src/app.js",
  "type": "module",
  "license": "MIT",
  "files": [
    "src/",
    "README.md",
    "LICENSE"
  ]
}

特别注意确认:

  • version:每次发布必须更新版本号
  • main:入口文件路径, 很重要
  • files:指定哪些文件会被发布到 npm

3. 更新版本号

每次发布新版本前,都需要更新 package.json 中的版本号。可以手动修改,也可以使用 npm 命令:

bash 复制代码
# 增加补丁版本号 (1.0.5 -> 1.0.6)
npm version patch

# 增加次要版本号 (1.0.5 -> 1.1.0)
npm version minor

# 增加主要版本号 (1.0.5 -> 2.0.0)
npm version major

4. 创建 .npmignore 文件(可选)

如果有些文件你不想发布到 npm,可以创建一个 .npmignore 文件:

bash 复制代码
tests/
examples/
.git/
.github/
node_modules/
*.log
*.tgz

5. 测试打包

在发布前,可以先测试打包,确认包含的文件是否正确:

bash 复制代码
npm pack

这会创建一个 uwebkoa-1.0.6.tgz 文件,你可以解压查看内容。

6. 发布到 npm

当一切准备就绪,执行发布命令:

bash 复制代码
npm publish

如果你使用的是作用域包(如 @yourname/uwebkoa),并且想设为公开包:

bash 复制代码
npm publish --access public

7. 验证发布

发布完成后,可以访问 npmjs.com/package/you... 确认包是否已经成功发布。

常见问题

版本冲突

如果出现版本已存在的错误,需要更新到一个更高的版本号再发布。

Git 工作目录不干净

如果出现 "Git working directory not clean" 错误,可以:

  1. 提交所有更改:

    bash 复制代码
    git add .
    git commit -m "准备发布版本 1.0.6"
  2. 或者使用 --no-git-checks 参数跳过 Git 检查:

    bash 复制代码
    npm publish --no-git-checks

权限问题

如果遇到权限错误,可能是因为:

  • 包名已被他人使用
  • 你没有该包的发布权限
  • 你的 npm 账号需要二次验证

升级更新新包

先升级一个版本号,使用下面的命令

bash 复制代码
npm version patch

发布更新到 npm 上

bash 复制代码
npm publish

后续维护

发布后,如需更新:

  1. 修改代码
  2. 更新版本号
  3. 重新发布

通过以上步骤,就可以将你的发布到 npm 仓库,让全球开发者能够便捷地使用你的模块了。

相关推荐
IT_陈寒1 小时前
SpringBoot启动慢得像蜗牛?原来是这个配置在捣鬼
前端·人工智能·后端
计算机魔术师1 小时前
Muse Spark跑赢Gemini,但真正的底牌是这种设计
前端
PYB31 小时前
【Web·JS·基础】函数的使用和展运算符...objs
前端·javascript
指针向南1 小时前
Chrome读不了HEIC怎么办:原生解码和WASM两条路
前端·图像处理·人工智能·chrome·计算机视觉·wasm
默_笙2 小时前
🚥 给 RAG 装一台心电监护仪:LangSmith 全链路观测(上)
前端·javascript
前端snow3 小时前
ai agent --- mem0 外挂记忆系统
前端
特立独行的猫a4 小时前
用仓颉写一个 Tauri:IPC 的每次往返实现原理(web层到仓颉层的触发过程)
前端·ui·harmonyos·tauri·鸿蒙·仓颉
Dovis(誓平步青云)4 小时前
多个链接不等于多份证据,新闻核验看板怎样合并来源
java·服务器·前端·javascript·人工智能·pdf·电脑
骑着蜗牛撵大象3274 小时前
Qt 事件机制详解:从 QEvent 派生类到事件过滤器的全景指南
前端·python
qq_2518364575 小时前
理发管理系统 —— 会员模块
开发语言·前端·python·flask