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 publish
此步骤其实发布的就是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