撸一个自己的 npm 包

194 阅读2分钟

从0开始发布npm 包

记录一次学习npm包从0构建到发布的过程,我大概分了几个过程

  1. 创建npm帐号
  2. 搭建项目包的参数
  3. 创建方法
  4. 发布到npm
  5. 在webpack项目中引入放到npm中的方法
  6. npm方法的版本更新和重新发布
  7. 删除npm方法的版本和彻底删除npm的方法

创建npm帐号

在这里插入图片描述

搭建项目包的参数

进入到你构建项目的文件夹内打开cmd,输入命令‘ npm init ’,package name自定义个一个,其他的参数可以不用填,一路enter到最后is this ok时输入yes,执行完毕就会出现一个package.json的文件,里面就时你构建项目包时的对应参数 在这里插入图片描述 在这里插入图片描述

创建方法

我们这里没有具体的写某个方法,就暂时用一个index.js文件来代替 在这里插入图片描述 简单的执行一个排序方法,然后export导出该方法。执行npm install -g命令,检查代码是否报错,没有问题就会是正常的一个提示 在这里插入图片描述 然后执行npm link命令,执行完毕之后在文件夹内就会多出一个page-lock.json文件在这里插入图片描述 前期工作做完之后就准备发布

发布到npm

输入npm login,输入在npm上创建的用户名/密码和邮箱 在这里插入图片描述 如果报错提示出现 ' you must verify your email before publishing a new package '就是要到你的邮箱里面去验证你的npm邮箱地址 然后执行npm publish 命令,执行成功之后这个包就发布成功了 在这里插入图片描述 进入到你的npm,点击profile就会看到你的包已经发布上去了,并且还有你这个包的安装的指令 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

最近搭了一个 vue3.0 + vite2.0 + typescript 的开源 cli 项目,这个项目以后会维护更新,有兴趣的朋友可以一起py。后续也会把 npm 发布自定义 cli 的过程整理一下发表上来。