本文介绍如果上传自己写的 npm 组件包到 npm私库上。当你写好了自己的一个npm的组件想共享上去给别人或者给公司的同事使用的时候，你可以把你的npm组件发布上去 (publish)。不过npm的全局库估计你是上传不上去的，要经过审核，但是你可以上传到你自己公司的私库，搭建私库的教程可以参见 http://blog.****.NET/nsrainbow/article/details/35989657

前提条件：

你已经建好了一个公司的私库，这个私库地址是 http://localhost:5984/registry/_design/scratch/_rewrite
你为这个私库设置了用户名 admin 密码 123456

STEP1 修改.npmrc

在自己的home目录下看看有没有.npmrc 这个文件存在，如果没有的话增加一个，如果你是在 Linux 下则运行

[plain]view
plaincopy


$ vim ~/.npmrc  

并编辑这个文件的内容

[plain]view
plaincopy


registry = http://admin:[email protected]:5984/registry/_design/scratch/_rewrite  

前面的 admin:123456 是用户名密码

STEP2 建立一个测试项目

[plain]view
plaincopy

$ mkdir testmypublish  

$ cd testmypublish  

$ vim package.json

把以下内容粘贴进去

[plain]view
plaincopy

{  

  "name":    "testmypublish",  

  "version": "0.0.1",  

  "repository" :  

  { "type" : "git"  

  , "url" : "https://github.com/<yourusername>/testmypublish.git"  

  }  

}

这边声明以下，那个 repository 属性不写也可以，但是最好建一个 github 项目然后把地址写进来，这样会比较规范。没有github账号的朋友就别写这段了直接写成

[plain]view
plaincopy

{  

  "name":    "testmypublish",  

  "version": "0.0.1"  

}

就行

STEP3 添加npm用户

[plain]view
plaincopy

$ npm adduser  

Username: alex  

Password:   

Email: (this IS public) [email protected]

STEP 4 登陆刚刚建立的用户

[plain]view
plaincopy

npm login  

Username: (alex)   

Password: (or leave unchanged)   

Email: (this IS public) ([email protected])

问username password email的时候一路回车就好

STEP 5 发布项目

[plain]view
plaincopy

$ cd testmypublish  

$ npm publish  

+ [email protected]

这就发布完成了

客户端测试

[plain]view
plaincopy

$ npm install testmypublish  

长按图片识别图中二维码(或搜索微信公众号FrontEndStory)关注“前端那些事儿”，带你了解最新的前端技术。

如何上传发布自己的npm组件包