学习制作自己的npm包及实践
2017-12-05 本文已影响0人
Gary嘉骏
工作以来在项目中用了很多其他人的轮子，最近就想学习如何制作及上传轮子
准备工作
1. 检查是否已经切换为：https://registry.npmjs.org;
npm config set registry https://registry.npmjs.org
2.注册
npm adduser
然后根据提示输入用户名，密码，邮箱就行了
开始项目
新建项目
npm init
根据提示去输入，注意entry项填入的文件必须是你export所有对象的文件；
然后就可以开始项目，建议使用打包工具开发，因为最后输出的一般是es5
发布
登录
npm login
在项目根目录运行
npm publish
更新
把 package.json里的"version"修改版本后执行一次发布操作就行
个人实践
1. 一个观察者对象
2. angular的表单验证扩展服务
3. ionic 的组件。类似微信朋友圈的，添加、浏览、放大、删除
这次有一点小坑，因为里面还有一个子页面，测试时没注意，原来还要在顶级module里import这组件module，才能在其它懒加载页面正常使用，不然进入不了子页面。还有就是html和style最好写在对应的ts里，方便打包，也保险
写README.md时增加图片的tips
就是把图片放在自己的github静态地址里（必须先自己把自己的一个项目改成静态服务，可以搜索怎么创建自己的github主页）；
这样就方便了，若弄相对地址的话，在npm搜索出来的时候，图片就显示不到了
Done! 谢谢
如果觉得文章对你有点用的话，麻烦拿出手机，这里有一个你我都有的小福利（每天一次）： 打开支付宝首页搜索“8601304”，即可领红包。谢谢支持
