如何发布自己的NPM包(模块)

120 阅读1分钟

我正在参加「掘金·启航计划」。 之前写了个vite的自定义插件想发布到npm上,于是参考了下别人的方法。但是有点小坑,比如你发布了仅仅发布到了npm镜像,但是国内大部分都是用的淘宝镜像,所以这得处理下。

实现

  1. 首先要注册个npm账号 注册地址:www.npmjs.com/
  2. 在本地初始化一个相关的package
新建个文件夹 进入这个文件夹 执行下面的命令
npm init -y 初始化项目
会得到个package.json如下
{
  "name": "vite-plugin-getbuildtime",  //你的包名
  "version": "1.0.0", //版本号
  "description": "获取vite打包时间", //你的包描述
  "main": "getBulidTime.js", // 你的包具体指向的js文件
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "Rfeng", //作者
  "license": "ISC"  //证书
}

getBulidTime.js

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/25d12e1461dc407ba4c3cec0fc894275~tplv-k3u1fbpfcp-watermark.image?)
  1. 检测npm源 npm config set registry 检测npm源 如果是淘宝源则需要设置回 npm源 npm config set registry http://registry.npmjs.org
  2. 进入终端登录
npm login
后面按照提示登录到npm系统

5.发布

npm publish

6.修改有再次发布

npm version patch  
npm publish 

引入下载

当你执行npm想要下载你的包时候 你会发现报错 说你的包找不到 404

npm install vite-plugin-getbuildtime(你的包名) --dev

这是因为你的镜像会指向国内淘宝的 需要你把npm同步到淘宝镜像上

cnpm sync vite-plugin-getbuildtime(你的包名)

得到如下提示表示你同步成功了

image.png