修改巨人的npm包 & 如何用npm上传、更新自己的包

本文介绍了如何修改已有的npm包并在本地进行测试,详细步骤包括从GitHub获取源码、本地修改、打包、上传到npm。同时,文章还分享了在遇到问题时如何解决,并讲述了如何更新已发布的npm包,强调了尊重原作者和版权的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        其实刚刚从传统前端+后端转到现在主流的node,前后端分离,vue三个月不到的我,其实还没有想过自己会写包上传到npm给大家使用……契机来源于,我下载了一个别人写好的基于vue实现的tree grid包,但是我需要修改一些样式,但是下载下来的在node_modules的源码直接改是没有用的,参考了网上的一些文章,总结一下如果出现这种需求的话怎么处理~

1. 在npm官网,包的介绍文档一般都会附上项目的Github地址,去GitHub上clone/download到本地修改;

2. 在本地修改完成,npm run dev测试通过后,npm run build生成目标文件。

  (此处记录一个自己很蠢的操作:我在修改并测试完成后直接上传到npm,然后用到这个包的项目install下来使用,发现并没有生效,网上各种百度,怀疑人生两天之后,突然想到,为啥不npm run build一下?然后,然后再上传到npm上,重新install,就好了……好……了…………,通过这个问题我确实再一次深刻的体会到在主流前端的路上,还有很多很多的东西需要学习,希望目前零零散散和依葫芦画瓢的学习有一天能真正的全面的理解各个技术~)

3. 如何使用? 

按照正常的逻辑,其实自己修改后的功能如果能在一定程度上起到完善和优化的作用,是可以在Git上给作者发送提交的请求,申请将修改后的代码合并到原项目并请作者更新到npm上;

但是因为我急于测试,考虑到时间的成本,所以就直接采取方案二:作为一个新的包上传到npm上;

(1)修改package.json,将name和version修改为自己的;

(2)如果还没有npm账号,先申请账号,申请过程没有什么特别的,大致就是输入用户名、密码邮箱等常规信息:

(3)打开cmd,切换到项目的路径,npm login,输入用户名密码邮箱等信息;

     

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值