业务组件库的开发调试,本地不发包调试

本文介绍了如何在不发布新包的情况下,对业务组件库进行本地开发和调试。首先,修改组件库源代码并用webpack打包。接着,通过npm link建立本地快捷方式,使引用项目的webpack指向本机组件库。调试完成后,使用npm version patch更新版本,并通过npm publish发布beta包。详细步骤包括npm login、更改version、发布beta包以及安装beta包的命令。
摘要由CSDN通过智能技术生成
  • 修改业务组件库源代码  (首次开发需要在自己的文件目录下运行webpack,npm run build,把ES6编译成ES5,打包到自己文件目录下的lib目录)
  • 使用业务组件库的项目,webpack要指向本机的业务组件库使用组件的文件:(为了可以本地调试业务组件库 )

             与包本地文件链接的方式:

             方法一:

              

             方法二:使用npm link

                           在业务组件库要调试的包目录下,运行npm link,生成快捷方式链接,并运行npx webpack --watch监听包的变化。在引入包的项目中,运行npm link @包名,再npm start就可以本地调试包。

npm link
1.在npm包中全局:npm link
2.在项目中:npm link 包名(package.json中的name)

npm unlink
1.在npm包中全局:npm unlink 包名
2.在项目中:npm link 包名

  • 业务组件库 调试完毕后,就可以发包了。需要使用nrm切换源 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值