学习制作自己的npm包及实践

工作以来在项目中用了很多其他人的轮子,最近就想学习如何制作及上传轮子

准备工作


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. 一个观察者对象

github

2. angular的表单验证扩展服务

github

3. ionic 的组件。类似微信朋友圈的,添加、浏览、放大、删除

github

这次有一点小坑,因为里面还有一个子页面,测试时没注意,原来还要在顶级module里import这组件module,才能在其它懒加载页面正常使用,不然进入不了子页面。还有就是html和style最好写在对应的ts里,方便打包,也保险

写README.md时增加图片的tips

就是把图片放在自己的github静态地址里(必须先自己把自己的一个项目改成静态服务,可以搜索怎么创建自己的github主页);
这样就方便了,若弄相对地址的话,在npm搜索出来的时候,图片就显示不到了

Done! 谢谢

如果觉得文章对你有点用的话,麻烦拿出手机,这里有一个你我都有的小福利(每天一次): 打开支付宝首页搜索“8601304”,即可领红包。谢谢支持

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,544评论 25 708
  • WebSocket-Swift Starscream的使用 WebSocket 是 HTML5 一种新的协议。它实...
    香橙柚子阅读 24,124评论 8 183
  • 【禅语】 真正的幸福就在你的身边,在你的心里。在浮躁的生活里,我们或者大喜,或者大悲,或者悲喜交加。其实看淡了看简...
    武汉如心阅读 354评论 3 4
  • 我背着一把吉它 我不一定在什么地方停下来 碰到一个盲人 我为他弹奏一首"阳光路上" 我背着一把吉它 我不一定在什么...
    北疆牧者阅读 359评论 0 5
  • 思考我是谁 拜日式第一式时,写到去思考我是谁去寻找真我。那么今天我们在去思考一下我是谁。 张国荣唱 我就是我,不一...
    世界上最甜的甜恬阅读 313评论 0 0