如何将自己开发的依赖包发布到npmjs上供别人使用?五个步骤搞定!
实现步骤:
- 创建自己的工具包项目,进行开发。
- 注册npmjs账号。
- 执行
npm login
在控制台登录,填写用户信息。 - 执行
npm publish
发布包。 - 更新及删除。
步骤一、创建项目及注意事项
创建一个文件夹,进入文件夹后初始化包配置文件,需要注意的是包文件名要避开使用test、learn、practice
等词汇,因为npm官方是有垃圾检测机制,如果被官方检测为垃圾包则不允许发布。
之后在项目中创建入口文件,我这里做一个简单的深拷贝示例:
index.js
function deepCopy(data) {return new Promise(resolve => {const {port1, port2} = new MessageChannel();port1.postMessage(data);port2.onmessage = (event) => resolve(event.data);})
}module.exports = {deepCopy
};const originalObject = {number: 1,text: 'Hello',flag: true,date: new Date(),regExp: /[a-z]/,nested: {evenMoreNested: [1, 2, 3],deep: 'copy'}
}deepCopy(originalObject).then(data => {console.log(data)console.log(data === originalObject) // false
});
运行结果正确。
步骤二、注册npmjs账号
地址:https://www.npmjs.com/signup
填写信息进行验证注册,需要使用邮箱接收验证码,按照提示操作即可。
步骤三、在命令控制台执行登录命令及前提
在执行登录命令之前,你需要保证你的npm镜像地址是npm官方的地址,而不是使用的国内淘宝或者腾讯及其他地址。因为国内的镜像地址是只读的,不允许发布操作。
可以使用npm config ls -l
或者npm config get registry
命令查看详细的配置信息及镜像地址:
接着,在控制台执行npm login
命令:
执行后按回车打开浏览器,输入邮箱中的验证码,登录即可。
步骤四、执行发布命令
接着在控制台执行npm publish
发布完之后,测试一下:
步骤五、更新和删除
更新:
在修改完项目中的代码后,更改package.json
中的版本号,接着在控制台执行发布命令npm publish
即可。
删除:
在命令行执行npm unpublish --force