发布自己的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小时内可以撤销）