美文网首页
学习制作自己的npm包及实践

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

作者: Gary嘉骏 | 来源:发表于2017-12-05 14:42 被阅读0次

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

    准备工作


    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”,即可领红包。谢谢支持

    相关文章

      网友评论

          本文标题:学习制作自己的npm包及实践

          本文链接:https://www.haomeiwen.com/subject/fpkcixtx.html