node自己封装npm包

node自己封装npm包

以前我们用的都是别人写好的包使用npm i 或者yarn add 去下载
当然我们也可以自己封装包

首先包的位置(默认全局包的位置windows系统 C:\Users\用户名\AppData\Roaming\npm\node_modules)

当我局部安装npm i gulp -dev的时候是找不到的因为首先他会在全局modules中去找,没有找到就会报错
在这里插入图片描述

当我在局部modules/.bin中找到该文件时是可以读出来的在这里插入图片描述

1.package.json下面的文件的内容

在这里插入图片描述

"scripts"该目录是脚本

  • 当我在下面写上 “dev”:“./node_modules/.bin/gulp -v” ,然后在node命令行中执行 npm run dev 它会默认执行dev中的脚本语言,因为他是脚本语言,是从上往下查找的因此可以缩写 "dev":"gulp -v",但是在node命令行他是直接在全局中找的(testsatrt 是不需要使用 run
  • "dev": "node ./01.js & ./02.js" 这两个脚本的执行顺序时不一样的 如果想让他必须时先执行1在去执行2的时候要吧&改为&&
    在这里插入图片描述

"dependencies"生产包,"devDependencies"开发包,

  • npm view 包名 versions
  • npm i 包名@版本 安装某个固定版本号,默认安装在生产包,后面加 -D 是在开发包中 -g 全局
  • npm outdated查看哪些包是过期包
  • npm list查看当前所有包依赖图
  • npm cache clean --force清楚npm缓存,常用于安装包总是安装不成功
    在这里插入图片描述

发布自己的包

1.首先你得注册一个npm账号
2.然后开始写js代码

在这里插入图片描述

这样借助lodash第三方包得js就写好了 ,这里说明一下,lodash是第三方包,它调用chunk,第二个参数代表分组,实在看不懂得自己去看下官网

3. 添加包到缓存中(npm adduser

注意:这里有个坑

你如果直接输入 npm adduser 他是直接用的淘宝镜像所以要切换源
查看当前源npm config get registry
npm config set registry https://registry.npmjs.org切换源至npm官网
npm config set registry https://registry.npm.taobao.org切换至淘宝源

在这里插入图片描述
切换成功再去执行npm adduser
输入用户名密码即可,成功后会弹出下面这么一段
在这里插入图片描述

发布包

npm publish 最后一步,发布包
在这里插入图片描述
第一次发包有点紧张一直报错,没有权限发布
在这里插入图片描述
原来是我得名字起的有问题
改了名字发现又报错403
在这里插入图片描述

这是邮箱没有验证,在npm官网验证邮箱,他会给你发两封邮件全部验证
在这里插入图片描述
问题解决 完美发布

删除包

npm unpublish --force //强制删除
npm unpublish packageName@1.0.0 //指定版本号
npm deprecate //某些情况
npm unpublish packageName --force //npm撤销(24小时内可以撤销
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

请叫我斌哥哥

给打赏的我会单独一对一讲解

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值