老铁们,今天我们搞一件大事情:发布一个Angular组件~
组件的目录结构
- lib文件:此文件存放要封装的所有组件文件
- index.js:索引文件
- package.json:发布组件的相关配置
PS:
(1)发布包的名称命名为:组件名(烤肉串命名法+小驼峰)
如:ng-itoo-tree
(2)在发布组件的时候,用cnpm安装,用npm发布
注册npm账号
注册方法很简单,这里就不做赘述了。
现在我们开始发布
首先我们用cd命令进入我们需要发布的组件所在的文件夹
键入命令“npm init”
会出现以上信息,这是为了确认你的组件名称和版本等信息,需要注意的是版本号不能重复,否则会发布失败。
name:填写你这个包的名字,默认是你这个文件夹的名字
version:表明的是这个包的版本,不能重复
git repository:这个是git仓库地址,如果你的包是先放到github上或者其他git仓库里,这时候你的文件夹里面会存在一个隐藏的.git目录,npm会读到这个目录作为这一项的默认值。如果没有的话,直接回车继续。
license:这个直接回车,我们是作为开源文件来发布的
npm会询问我们是否ok?我们回车即可。
index.js里的信息
因为我把封装好的代码都放在在lib
里面,所以,index.js里面也就一句话:
登陆npm账号
Password的密码是不会显示的,不必为此感到疑惑
发布的地址应该为npm官方的地址,有时间会默认为我们的私服,这时这里需要用如下命令修改一下: npm config set registry http://registry.npmjs.org
使用npm publish命令进行发布
我们去官网上看一下,非常完美: