如何发布一个npm包？

Posted 2021-11-29 changxue

npm包在现在前端开发中经常使用且便利，而我也是经常使用，而没研究怎么去发布npm。那如何发布npm包呢？

一、在npm的官网上注册一个账号登录，https://www.npmjs.com/

　　注意此步骤记住登录名和密码，后面会使用到

二、新建一个目录，比如study,进入到这个study目录里，使用 npm login 命令登录,按照提示操作：

　　

 

　　注意 password 输入时不显示，继续按正确方式输入就行，不影响

三、进入study目录，执行命令npm init 初始化项目生成package.json文件

　　

　　注意：package.json 文件的name值唯一，此名字就是将来供下载使用的npm包名

 

四、在study目录新建index.js文件

　　module.exports = "hello world";

 

五、在study目录下发布npm包 ：npm pulish

　　此步骤其实发布的就是study目录以及目录下的文件(index.js、package.json)

　   如果发布成功，请在 https://www.npmjs.com/settings/XXX/packages 下查看

 

注意：在 npm publish 过程中遇见的问题：

　　1.邮箱未验证

　　　　npm ERR! 403 Forbidden - PUT https://registry.npmjs.org/study123 - you must verify your email before publishing a new package: https://www.npmjs.com/email-edit

　　　　

　　　　处理：将邮箱中的邮箱验证链接处理下就行

 

　　2.npm 包名不唯一

　　　　npm ERR!  you do not have permission to publish ‘study‘.Are you logged in as the corrent user?

　　　　处理：改变 package.json 中的name 值即可

 

拓展：

　　1.使用发布的npm包

　　　npm install study123 --save (包名就是package.json文件的name值)
　　　import test from ‘study123‘
　　　console.log(test) //"hello world"

　　2.更新一个已经发布的包
　　   npm version patch //修改包的版本
　　  npm publish //重新发布包

　　3.删除自己发布的npm包
　　　npm unpublish
　　  npm --force unpublish