如何将js库发布到npm

偏执的太偏执、 2023-06-15 07:10 51阅读 0赞

1.**初始化项目为npm包**（一个项目只使用一次，后续更新不需要再初始化）

npm init

回车后需要输入一些关键信息：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly93dWRhbi5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70][]上面都填完后会自动生成一个package.json 文件，里面包含你刚刚输入的信息

2.**登录**（输入账号，密码，邮箱），密码是不显示的

npm login

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly93dWRhbi5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70 1][]3.**提交**（这个是核心步骤，它将你的代码库提交到npm库）

npm publish

> 到这里，如果没报错的话，你的代码库就成功提交到npm库了，cnpm会自动将npm中的代码库同步到国内镜像，所以也可以使用cnpm进行部署（刚发布的代码库相对npm有些延迟，cnpm同步频率为10分钟，我自己测试了一下，如果代码量少的话一两分钟就能实现代码同步）
> 
> **使用**（在你需要使用这个库的项目中部署就行了）

npm install shimh_npm --save

**或**

cnpm install shimh_npm --save

**更新**（如果你想改你的代码后重新发布到npm）

更新修改完的项目需要**2步**：  
**一.修改版本号**（将 **package.json** 里的 **version** 手动改为 **1.0.2** 或者用命令修改，下面是修改版本号的命令，他会将版本号自动 +1）

npm version patch

**二.重新发布**

npm publish

下面是在使用过程中有可能遇到的一些报错：

npm publish 时报 401

![20191121084158443.jpg][]

原因：你没登录或者需要重新登录，使用 **npm longin** 命令登录一次就行了

npm publish 时报 403

![201911210842541.jpg][]

原因：你之前切换到了淘宝镜像源（ [https://registry.npm.taobao.org/][https_registry.npm.taobao.org] ），所以你登录到的是cnpm，你需要将源切换到npm再登录然后再提交，以下是相关操作

1.查看当前源

npm config get registry

2.切换源

npm config set registry=http://registry.npmjs.org

3.重新登录

npm login

扩展：如果安装了 **nrm** 工具，可以使用 **nrm** 进行源的切换

1.查看所有的源地址

nrm ls

源列表会以 key 和 value 的形式展现

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly93dWRhbi5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70 2][]

2.切换至指定源(比如我们切换回 taobao 源)

nrm use taobao

nrm切换优点就是易读易操作

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly93dWRhbi5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191121083830806.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly93dWRhbi5ibG9nLmNzZG4ubmV0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly93dWRhbi5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191121083918876.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly93dWRhbi5ibG9nLmNzZG4ubmV0,size_16,color_FFFFFF,t_70
[20191121084158443.jpg]: https://img-blog.csdnimg.cn/20191121084158443.jpg
[201911210842541.jpg]: https://img-blog.csdnimg.cn/201911210842541.jpg
[https_registry.npm.taobao.org]: https://registry.npm.taobao.org/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly93dWRhbi5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191121084422799.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly93dWRhbi5ibG9nLmNzZG4ubmV0,size_16,color_FFFFFF,t_70