npm link本地包调试

8,537 阅读1分钟

最近俺导师叫我熟悉一下现在所在团队所使用的前端脚手架和公共包。鉴于每次公共包的内容后需要再发包然后项目安装最新公共包这种方式过于繁琐且不方便,因此百度搜索了一下使用npm link可以解决这个问题。好记性不如烂笔头,记录一下方便自己后续使用:

1、从仓库拉取公共包的代码到本地
2、在项目根目录下运行npm link

image.png

3、控制台输入pwd获取本地包的路径

image.png

4、本地使用脚手架生成一个新项目,控制台输入npm link {刚刚获取到的本地包名的路径}

image.png

5、此时新建的项目中node_modules模块中的公共包就指向了本地的公共包项目了

image.png

右下方的小箭头就表明公共包指向已变化了,现在可以运行本地包、开启项目,起飞~~~调试公共包

PS:本人借鉴了下面的文章,但是发现了不一致之处,个人拙见稍微改动

segmentfault.com/a/119000002…

步骤1:在项目根目录下运行npm link

npm link

步骤2:在项目根目录下运行pwd获取包路径

pwd

步骤3:在项目之外使用到这个包的根目录下运行npm link xxx

npm link + 包的路径

步骤4: 当项目中进行了修改时,项目外就能够获得最新的代码了。