发布 npm 包

1、npm init 生成 package.json(已有忽略)

package.json 配置:

"main":npm包发布后,指令执行的第一个入口文件。

"types":npm包TS声明文件,用于该npm包引入TS项目时使用。

"homepage":此文件内容会显示在npm官方中该npm包的主页介绍。

"files" 指定发布哪些文件;比如构建好的文件夹 lib、dist。

"repository":源码托管到github, 这里是链接到GitHub的地址。


2、准备npm账号,如果是第一次发布,运行 npm adduser,如果不是第一次发包,运行 npm login

3、发布:命令行切换到项目目录 > npm publish




一、发布完之后修改,升级

查看远程npm包版本:npm view [包名] versions 


1、修改内容后,本地提交升级版本:

升级前0.8.0 
> npm version patch   // npm自动修改package.json中的version为 0.8.1

> npm version minor  // npm自动修改package.json中的version为 0.9.0

> npm version major // npm自动修改package.json中的version为 1.8.0

2、

> npm publish  // 上传到远端npm


二、 删除npm包
https://blog.csdn.net/zz00008888/article/details/115698036



使用流程:

比如以上,

1、先npm run build, 生成index.js、lib文件夹。

2、pagekage.json 配置入口文件 index.js

3、npm publish 将files里配置的文件发布上npm库,包含index.js、lib文件夹

4、当用户使用时,npm install web-clien-js, 就将 第3步发布的文件全部下载下来。

5、当用户 import ClientMonitor from 'web-client-js'; 则执行第2步配置的入口文件index.js ,引入index.js export 的内容。




遇到的问题:

Code  403

403 Forbidden - PUT

[https://registry.npm.taobao.org/zr_test_demo(https://registry.npm.taobao.org/zr_test_demo)- no_perms

原因:因为当前设置的是cnpm 登录到的是cnpm,所以需要切换回来

可以输入一下命令查看当前的登录源:npm config get registry

淘宝源,需要切回到npmjs源,输入以下命令:

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

设置成淘宝镜像:

npm config set registryhttp://registry.npm.taobao.org/

Code  401

Unauthorized - PUThttp://registry.npmjs.org/zr_test_demo- You must be logged in to publish packages.

原因:还是因为第一次执行npm adduser时是淘宝镜像,后来设置之后需要重新登陆(执行npm adduser 或 npm login)


must use TLS 1.2 or higher. You are currently using plaintext http to connect.

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容