如何发布自己的npm包

注册npm账号

登录 npm 官网

编写自己的npm包

1、新建一个空文件夹(文件夹名字默认为npm包名)

2、在文件夹内 进入终端(cmd)运行 npm init 初始化项目

3、在pacakge.json中定义当前开发依赖包的name和version,如不需要添加命名空间name直接为包名即可。

本地调试

1、开发过程中可以在其他本地项目中使用调试,以查看实时效果

复制代码
// 在 npm包根目录 执行以下命令
npm link

2、在本地其他项目根目录执行命令引用

复制代码
// 在需要引用的项目根目录执行
npm link 'npm包名称'

然后在项目的node_modules文件夹下查看是否有npm包

登录仓库

登录前要确保npm仓库地址为npm源地址

复制代码
// 使用以下命令查看npm仓库地址
npm config get registry

// https://registry.npmjs.org/   这个为npm源地址,如不是这个 用以下命令设置为源地址

npm config set registry https://registry.npmjs.org/

然后执行以下命令登录

npm login

//  根据提示输入:用户名、密码、邮箱验证码

发布npm包

登录成功后,执行 npm publish,就发布成功啦

复制代码
npm publish

更新、修改npm包

1、修改完代码后,我们需要修改 package.json 的version版本

规则:对于"version":"x.y.z"
1.修复bug,小改动,增加z
2.增加了新特性,但仍能向后兼容,增加y
3.有很大的改动,无法向后兼容,增加x

2、 修改后 运行npm publish 就成功更新了包的版本

3、使用时重新安装即可

复制代码
// 卸载之前安装的包 
npm uninstall 'npm包名'

// 重新安装 
npm install 'npm包名'
相关推荐
工呈士1 分钟前
HTML 模板技术与服务端渲染
前端·html
皮实的芒果3 分钟前
前端实时通信方案对比:WebSocket vs SSE vs setInterval 轮询
前端·javascript·性能优化
鹿九巫3 分钟前
【CSS】层叠,优先级与继承(三):超详细继承知识点
前端·css
奕云4 分钟前
react-redux源码分析
前端
咸鱼一号机5 分钟前
:global 是什么
前端
专业掘金5 分钟前
0425 手打基础丸
前端
五号厂房5 分钟前
Umi Max 如何灵活 配置多环境变量
前端
红尘散仙8 分钟前
六、WebGPU 基础入门——Vertex 缓冲区和 Index 缓冲区
前端·rust·gpu
南望无一8 分钟前
webpack性能优化和构建优化
前端·webpack
il9 分钟前
Deepdive into Tanstack Query - 2.0 Query Core 概览
前端·javascript