欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

如何将js库发布到npm

程序员文章站 2022-07-14 08:17:50
...

如何将js库发布到npm

前言:我们使用 npm install xxxx 命令的时候会在 node_modules 部署代码库供我们使用,比如我们想在一个项目中使用VUE框架,那么我们需要在项目根文件下载输入命令(如:npm install vue --save)下载这个库以供使用,那么这些代码库是如何上传到npm供我们使用呢?下面来看一下具体步骤:

如果是第一次使用,需要在npm官网注册一个账号:
(注册流程很简单,一两分钟就能搞定,然后邮箱验证一下)
npm官网地址:https://www.npmjs.com

有了账号之后,下面就是正式发包流程了
(整个流程 只需3步,将目录切换到你要发布项目的根目录,打开命令行工具,比如我的项目文件夹名字叫 shimhNewNpm)

1.初始化项目为npm包(一个项目只使用一次,后续更新不需要再初始化)

npm init

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

如何将js库发布到npm

如何将js库发布到npm

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

2.登录(输入账号,密码,邮箱),密码是不显示的

npm login

如何将js库发布到npm

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 unpublish ,如图所示:

如何将js库发布到npm
再执行npm --force unpublish,就会删除你的包:

如何将js库发布到npm

自定义模块统一都放到node_modules里面

require(’./mod.js’) ,".js"可省略
1.如果有"./"
从当前目录找

2.如果没有"./"
先从系统模块
再从node_modules找

关于报错一些报错信息在这里