创建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就可以看到自己发的包了
本地测试
我们总不能每次写完就发布吧,肯定需要本地测试一波的
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小时内可以撤销)