Eslint是如何工作的(深度源码解析)

阅读本文,您将收获

  • 如何直接调试eslint node_modules源码
  • 文件遍历以及文件配置生成过程
  • 如何将代码转换成ast
  • 如何利用ast和rules生成错误信息
  • 如何利用ast和rules进行代码修复

首先,我们需要了解几个重要的点:

  • ESLint/FlatESLint入口对应的类, 下图是它的调用方式路径:* node_modules\eslint\lib\eslint\eslint.js* node_modules\eslint\lib\eslint\flat-eslint.js<img src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0513fda628c74f7c8626ae1cc4bdc98c~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.image?)* CLIEngine 该类是 Eslint 的大脑,控制 Eslint 的执行流程,调用 api 时一般只需要操作 CLIEngine 即可路径: node_modules\eslint\lib\cli-engine\cli-engine.js* FileEnumerator遍历每个文件,并为文件绑定config路径: node_modules\eslint\lib\cli-engine\file-enumerator.js* Linter 该类是 Eslint 的执行总裁,配置文件加载、校验、修复都是该类来控制完成的路径: node_modules\eslint\lib\linter\linter.js*
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值