关于前端:前端小白工作记录之-yarn-link

工作之后，发现每天都能学到新的常识，对此感觉工作真的令人着迷，每天丰盛一点本人的知识面，通过千里之行;始于足下，某一日我肯定也能成为大牛🤝🤝🤝，如果你也和我一样是个老手小白，那么就和我一起成长吧~~

前言

工作中碰到了一个辣手的事件，咱们公司有封装本人的组件库，在我修复bug的时候，发现某一个bug的根本原因在于援用的某个组件中的if 语句的判断条件不太对。

第一想法是批改组件库，可是随之而来的就是一个新问题

我批改了组件库之后，要怎么能力在push代码之前看到成果呢？

好家伙，这我还真不知道？

先说一下问题的起因，组件库中判断条件是 !isUndefined(value) ，即 该值为不是undefined就执行if语句

而我的我的项目中该值为””，有根底的人就晓得只有未定义才为undefined

然而本着办法总比艰难多的准则，我试图绕过组件库，就在这个我的项目中批改，通过我的一番尝试之后，我还真发现了一个方法。

​ 通过删除某个值的定义，让关联的该值为undefined

胜利之后，我屁颠屁颠的跑去🏃🏻‍♀️提了PR，而后当我再次check PR的时候就看到了这样的场景

大抵意思就是，代码没有通过我的项目中编写的测试用例，因为测试用例不让该值为undefined！好家伙，卡着了，矛盾了有没有？我总不能更改测试用例吧？？😳

因而，绕了一圈，发现我还是得解决下面👆🏻的问题，外围是在开发过程中，怎么把一个包链接到另一个我的项目 (ps:其实我感觉开发中遇到问题其实不可怕，因为百度大多能够解决，尽管耗时耗力了一点，可怕的事，百度的时候不晓得如何形容)

上面👇🏻就来介绍一下通过问导师而后再百度丰盛的后果

什么是 yarn link？

• 开发中，两个我的项目或多个我的项目之间相互依赖时，用 yarn link连贯，
• 例如：咱们当初有我的项目B，B中利用npm / yarn 包管理器 引入了 包 A，A是咱们本人开发封装的组件，咱们批改了组件A的内容，在还没有从新公布组件A 的时候，想要在我的项目B 中 查看组件A批改的是否正确，这个时候就须要用到yarn link

如何应用 yarn link？

这里我想说一下，有些人通常用的是npm ，npm和yarn的作用是一样的，只是具体的指令有些许区别 而link的话，间接讲 yarn 换成 npm即可

1. 在包A （即封装好的组件库）中执行 yarn link

2. 对包A进行 想要的批改 💻

3. 执行 yarn buid （打包代码：具体指令依照package.json中scrpit来执行）

4. 在我的项目B 中执行yarn link [包A的名称] 并从新执行 yarn 并革除浏览器缓存

5. 这个时候就能在我的项目B 中查看改变之后的成果

6. 完结之后，在我的项目B 中 执行 yarn unlink [包A的名字]来勾销连贯