发布自己的npm包(入门)

创建npm包
新建文件夹 ly-utils 执行命令
npm init
完善package.json

name:包的名字,不能与已发布包名字相同,不然发布失败

main :包暴露方法的主文件

repository :github仓库

{
  "name": "jx-public-utils",
  "version": "1.0.0",
  "description": "公共库方法",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/jx915/ly_utils.git"
  },
  "keywords": [
    "utils"
  ],
  "author": "jinxiang",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/jx915/ly_utils/issues"
  },
  "homepage": "https://github.com/jx915/ly_utils#readme"
}
npm包方法

index.js

module.exports.getUrl = url => {
  // 这里写方法
  return url;
}

到这一步就算创建好了一个npm包(最简单的那种)

发布
npm账号

发布npm的前提就是有一个npm账号,没有的请提前申请好

发布阶段

当前目录右键git bash here

npm Login

填写账号名字,然后提示登录成功,如果是淘宝镜像的话需要切换一下源

Logged in as jinxiang on http://registry.npm.taobao.org/.

切换为原始源

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

执行命令

npm publish
成功

回到npm找到packages就可以看到自己发的包了

package

本地测试

我们总不能每次写完就发布吧,肯定需要本地测试一波的

npm link

ly-utils文件夹右键git bash here

npm link

连接成功

D:\npm\node_global\node_modules\jx-public-utils -> D:\work\npms\ly-utils

测试文件夹下执行

npm link jx-public-utils


+ ly-utils@1.0.3
added 1 package from 1 contributor in 0.582s
D:\work\lingyang\ly-simple\node_modules\jx-public-utils -> D:\npm\node_global\node_modules\jx-public-utils -> D:\work\npms\ly-utils

这里他会动态的获取我们本地的包,可以边测试边修改。方便!

npm unlink

不需要测试的时候执行 npm unlink即可

使用
import {getUrl} from 'jx-public-utils'

useEffect(()=>{
	const url = getUrl('http://baidu.com')
	console.log(url);
})
撤销
npm unpublish packageName@1.0.0 //指定版本号
npm unpublish packageName --force //npm撤销(24小时内可以撤销)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值