npm发布、更新、删除包

发布于:2024-06-02 ⋅ 阅读:(118) ⋅ 点赞:(0)

如何将自己开发的依赖包发布到npmjs上供别人使用?五个步骤搞定!

实现步骤:

  1. 创建自己的工具包项目,进行开发。
  2. 注册npmjs账号。
  3. 执行npm login在控制台登录,填写用户信息。
  4. 执行npm publish发布包。
  5. 更新及删除。

步骤一、创建项目及注意事项

在这里插入图片描述
创建一个文件夹,进入文件夹后初始化包配置文件,需要注意的是包文件名要避开使用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


网站公告

今日签到

点亮在社区的每一天
去签到