发布自己的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就可以看到自己发的包了

本地测试

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

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


+ [email protected]
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 [email protected] //指定版本号
npm unpublish packageName --force //npm撤销（24小时内可以撤销）