面对躺平同事,我开发了一个插件治好了我的精神内耗

插件已经开源了,可以看文章末尾,事情是这样的,前段时间我加入了公司某个小项目组,入组第一天,我要来了项目权限,下载完代码和依赖,然后npm start,打开浏览器控制台,,我尼玛,一个登陆页面就这么多log?,此刻我怀着忐忑的心情打开了自己的即将负责的模块入口页面:,这让我怎么调试啊?,图片图片,上图我已经把敏感信息屏蔽掉了(^/ω\^),每点击下页面就会蹦出好几行console,全局一搜索,居然有近800多条console语句。,图片图片,起初,我为了方便我调试,我把影响我调试的console一一注释了,真是个体力活。,就在我开心了几天后,同事在开发群里发问了,“我调试打印的console怎么不见了?”,,我说我注释了,那么多console我没法调试啊,然后就被好几个同事”围攻“了,,后来想想没经过人家的同意修改人家的代码确实不对!,其实从他们的代码来看,完全是躺平的状态,完全放弃了公司的代码规范,真的很让人emo。,既然人家喜欢那样做,我也没办法,emo了一会,我就寻找别的方法解决让我强迫症发作的方法。,第一种方法是如果有console就不让提交代码,显然不现实,,第二种方法是使用去除conosle的插件,但是有个缺点,我的console也会被去掉,,焦虑了好久,我就想到,有没有一种插件,在开发环境只展示开发者自己的console,但是不影响别人开发时调试。,找了好久都没找到,那就自己动手开发一个吧。,我的思路是,这样既不会干扰我开发,也不会影响别人开发调试了。,上次的文章已经介绍了vite的插件开发了,这里就不赘述了。,我们开发的插件主要是在文件编译时,将文件中的console智能的清除,对应的插件hook为transform。基本的结构如下。,接下来一步步实现,,如果文件中存在console则进行分析,否则返回原代码。,分析过程:,主要使用child_process子进程运行git命令,根据命令的返回结果分别处理,,例如我们或者当前作者:,分析每行作者,使用的git命令是,图片图片,我们还需要在此基础上改造下,完整的命令如下:(win不知grep命令,可以使用findstr代替),接着从字符串中截取出作者,根据当前作者和conosle的作者是否相等。我们得出需要删除的行,接着我们遍历每一行,进行替换,我们验证下效果。这个文件中有多个console语句,图片图片,image.png,图片图片,十分完美!!!,今天的分享就到这了,感谢你的观看,如有错误的地方,欢迎指正!,最后附上我的,插件地址:https://www.npmjs.com/package/rollup-plugin-remove-others-console,github地址:https://github.com/mmdctjj/rollup-plugin-remove-others-console,loader地址:https://www.npmjs.com/package/remove-others-console-loader,github地址:https://github.com/mmdctjj/remove-others-console-loader

文章版权声明

 1 原创文章作者:cmcc,如若转载,请注明出处: https://www.52hwl.com/29166.html

 2 温馨提示:软件侵权请联系469472785#qq.com(三天内删除相关链接)资源失效请留言反馈

 3 下载提示:如遇蓝奏云无法访问,请修改lanzous(把s修改成x)

 免责声明:本站为个人博客,所有软件信息均来自网络 修改版软件,加群广告提示为修改者自留,非本站信息,注意鉴别

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年6月23日
下一篇 2023年7月15日