ESLint 9.0大版本发布,配置文件大更新
liuian 2025-01-05 18:42 33 浏览
前言
早在去年9月,ESLint官方博客就预告了9.0版本,弃用和删除了大量的API和规则,其中格式化规则的删除和旧配置文件eslintrc的弃用更改幅度最大。几个月测试下来,4月5日尘埃落定,9.0版本正式发布。
安装
在一切所用的eslint相关生态包升级适配9.0之前,不要尝试任何安装企图,不然报错是肯定的。
bash
复制代码npm i eslint@9.0.0 --save-dev
迁移指南
由于更改东西很多,所以官方给了一份详细的迁移指南 eslint.org/docs/latest…
Node.js支持版本更新
众所周知Node.js每半年更新一次大版本,LTS和非LTS都会在一定的周期后停止支持,所以大部分库都会在一定时候弃用老版本Node.js,很显然这就是前端烦恼来源之一。
ESlint9.0支持的Node.js版本是LTSv18.18.0+和v20,不支持v19以及之前的所有版本。
Flat配置文件取代eslintrc文件
Flat 配置文件现在是 ESLint 的默认配置格式,并且 eslintrc 已正式弃用。要继续使用 eslintrc 配置文件,您需要将ESLINT_USE_FLAT_CONFIG环境变量设置为false。
根据官方博客和上文的迁移指南所说,eslint.config.js为目前的默认配置文件,并且eslintrc文件支持将会在10.0版本时删除。
有关Flat配置文件的更多信息可以查看官方博客eslint.org/blog/2022/0… 和文档eslint.org/docs/latest…
主要不同就是CJS转到ESM,插件、解析器、规则继承和处理器等需要显式导入,其中一些不再支持按名称引用,添加了一些默认配置,同时对TS类型添加支持。详细参考配置文件迁移指南eslint.org/docs/latest…
删除了多个格式化程序
删除的格式化程序 | 替换的 npm 包 |
checkstyle | eslint-formatter-checkstyle |
compact | eslint-formatter-compact |
jslint-xml | eslint-formatter-jslint-xml |
junit | eslint-formatter-junit |
tap | eslint-formatter-tap |
unix | eslint-formatter-unix |
visualstudio | eslint-formatter-visualstudio |
如果您通过命令行标志使用任何这些格式化程序-f,则需要为格式化程序安装相应的软件包。
删除了valid-jsdoc和require-jsdoc规则
建议改用eslint-plugin-jsdoc插件。
删除了context和 SourceCode中已弃用的方法
删除了context上弃用的方法并用SourceCode中的方法替换。 详情:eslint.org/blog/2023/0…
更新了eslint:recommended规则
已启用四项新规则:
- no-constant-binary-expression
- no-empty-static-block
- no-new-native-nonconstructor
- no-unused-private-class-members
此外,以下规则已删除:
- no-extra-semi
- no-inner-declarations
- no-mixed-spaces-and-tabs
- no-new-symbol
请修复错误或禁用这些规则。
新规则:no-useless-assignment
一条新规则 ,no-useless-assignment旨在捕获已为变量赋值但该值从未被使用的情况。例如:
js复制代码let id = 1234; // 1234 is never used
id = calculateId();
现有规则更新
- complexity规则现在还考虑了解构模式和参数中的可选链接和默认值。
- no-fallthrough规则有一个新选项reportUnusedFallthroughComment。
- no-inner-declarations规则具有新的默认行为。在 v8.x 中,该规则会将块内定义的任何函数标记为错误,因为此行为在 JavaScript 的早期版本中未定义。从 ES 2015 开始,块作用域函数声明已明确定义,因此我们更改了默认行为,不对块作用域函数发出警告。
- no-misleading-character-class规则现在突出显示正则表达式中的违规字符,而不是整个正则表达式。
- no-restricted-imports规则改变了paths的行为。在 v8.x 中,如果no-restricted-imports规则配置的paths数组中的多个条目具有相同的name属性,则只有最后一个条目适用。在 v9.0.0 中,所有条目均适用,允许为不同的导入名称指定不同的错误消息。
- no-restricted-imports规则有新的选项allowImportNames和allowImportNamePattern。
- no-unused-vars规则的选项varsIgnorePattern不再适用于捕获的错误变量。
- no-unused-vars规则的选项caughtErrors有一个新的默认值(从"none"更改为"all")。
- no-unused-vars规则有一个新选项ignoreClassWithStaticInitBlock。
- no-useless-computed-key规则的选项enforceForClassMembers有一个新的默认值(从false更改为true)。这样做的目的是帮助避免重构时可能出现的误导性评论。当此选项设置为true时,如果案例永远不会失败,则规则将禁止失败评论。
新APIloadESLint()
ESLint 现在从其主入口导出了一个新函数 loadESLint()。集成可以使用该函数获取 ESLint 类(原 FlatESLint 类)或 LegacyESLint 类(原 ESLint 类),从而在 flat config 和 eslintrc API 之间轻松切换。 文档:eslint.org/docs/latest…
更严格的RuleTester验证
- 消息不能有未替换的占位符。
- 建议必须修改代码。
- 测试用例output必须不同于code.
- 测试错误对象必须指定message或messageId。
- 测试错误对象必须指定suggestions实际错误是否提供建议。
- 测试建议对象必须指定desc或messageId。
- 测试建议对象必须指定output。
- filename测试对象的和only属性必须是预期类型(分别为string和boolean)。
- 重复测试会导致错误。
--output-file命令现在保证输出文件
CLI--output-file命令旨在将 ESLint 运行的结果输出到指定文件。在此版本之前,如果检查通过且没有错误或警告,则不会输出任何文件。在 v9.0.0 中,当 linting 通过且没有任何错误或警告时,将输出一个空文件。
更好的范围分析
更新了 eslint-scope 的行为,修复了几个长期存在的错误:
- 以前,ESLint 会将("use strict")视为严格模式指令,尽管事实并非如此。现在修复了这个行为,因此只有有效的严格模式指令才会被遵从。
- 类extends子句的包含范围被错误地设置为包含该类的范围,而它本应是类范围本身。这已得到修复。
CodePath#currentSegments已删除
详细请看eslint.org/blog/2023/0…
预计算代码路径
ESLint v9.0.0 现在可在规则遍历之前预先计算代码路径信息。因此,无论在规则内部的哪个位置访问,代码路径信息现在都是完整的。
现在不允许同一规则包含多个 /* eslint */注释
在 ESLint v8.x,如果被标记的文件包含多个针对同一规则的 /* eslint */ 配置注释,最后一个注释将被应用,而其他注释将被静默忽略。
在 ESLint v9.0.0 中,第一个配置注释将被应用,而其他配置注释将被报告为 lint 错误。
改变规则的编写方式
进行了多项更改,以帮助防止规则出错:
- 函数式规则将在 v9.0.0 中停止运行。函数式规则是通过从文件导出函数而不是通过 create() 方法导出对象创建的规则。
- 如果规则没有指定 meta.schema,则会应用默认的 [] 模式。这意味着没有模式的规则将被假定为没有选项,这反过来又意味着如果提供了选项,验证将失败。
- 现在,RuleTester 会严格检查同一lint问题的建议信息是否唯一,并确保建议生成有效的语法。
--quiet选项性能更高
--quiet选项会隐藏 ESLint 控制台中的所有警告。在 v9.0.0 中,通过不执行任何设置为"warn"的规则来提高性能。
没有文件参数情况下运行eslint
如果您使用Flat配置并且没有将向CLI传递任何文件参数,则 CLI 将默认对当前目录进行 linting,这意味着您可以键入npx eslint并且它将正常工作。 (对 eslintrc 配置文件执行相同操作将导致错误。)
未使用的禁用指令默认会导致警告
一直以来,ESLint 都能标记未使用的禁用指令。在此版本中,默认启用了对未使用禁用指令的警告。你可以在配置文件中使用 linterOptions.reportUnusedDisableDirectives 或在命令行中使用 --report-unused-disable-directives-severity 来修改该值。
参考
官方博客:eslint.org/blog/2024/0…
作者:无聊波波 链接:https://juejin.cn/post/7354298118236864566
- 上一篇:windows系统下如何安装多版本node.js
- 下一篇:深入了解Npm
相关推荐
- Docker 47 个常见故障的原因和解决方法
-
【作者】曹如熙,具有超过十年的互联网运维及五年以上团队管理经验,多年容器云的运维,尤其在Docker和kubernetes领域非常精通。Docker是一种相对使用较简单的容器,我们可以通过以下几种方式...
- 电脑30个快问快答,解决常见电脑问题
-
1.强行关机/停电对电脑有影响吗?答:可能损坏硬盘(机械硬盘风险高)、未保存数据丢失,偶尔一次影响小,但频繁操作会缩短硬件寿命。2.C盘满影响速度吗?答:会!系统运行需C盘空间缓存临时数据,空间不...
- 使用Tcpdump包抓取分析数据包的详细用法
-
TcpDump可以将网络中传送的数据包的“头”完全截获下来提供分析。它支持针对网络层、协议、主机、网络或端口的过滤,并提供and、or、not等逻辑语句来帮助你去掉无用的信息。tcpdump就是一种...
- 电脑启动不了(BootDevice Not Found Hard Disk-3F0)解决方案
-
HP品牌机,开机启动不了,黑屏,开机取下主板电池恢复BIOS后,开机显示找不到启动盘。一、按F2键进入BIOS,出现硬盘内存检测界面的话,直接退出。就会出现这个界面,光标键向下,选择BIOSSetu...
- 电脑开机黑屏别慌!快码住!起底维修老师傅不能说的秘密
-
按下开机键却只收获黑屏大礼包?那些神秘的英文提示、刺耳的蜂鸣声,其实是电脑在给你发送求救信号!从按下电源到进入桌面的12秒里,你的电脑经历了史诗级的硬件自检与系统加载,今天我们就破译这段“摩斯电码”。...
- 电脑启动故障为何总要先看BIOS?新手必读的关键知识解析
-
最近在帮朋友们解答电脑无法正常开机的问题时,发现大家经常收到一句高频建议:“先检查BIOS”。对不少普通用户而言,BIOS依然是个神秘的存在。那么,BIOS到底是什么?电脑出现哪些故障会与它相关呢?本...
- Windows 11 KB5053598更新:安全补丁还是系统噩梦?
-
2025年3月11日,微软发布了Windows1124H2的强制性更新KB5053598,作为“周二补丁日”(PatchTuesday)的一部分。然而,这款本应提升系统安全性的更新却引发了广泛的...
- 飞牛OS入门安装遇到问题,如何解决?
-
之前小编尝试了用旧电脑装飞牛OS安装之前特意查了一些硬件要求飞牛OS目前支持主流的x86架构硬件主机需能连网线飞牛OS暂时不支持只有无线网卡的安装貌似很多小伙伴在一开始安装就卡住了那今天咱们汇总分...
- 几种常见的电脑开机黑屏显示白色英文字母解决方法
-
当电脑开机出现黑屏并显示白色英文字母时,通常表示系统启动过程中遇到了错误。以下是几种常见原因及对应的解决方法,按照排查顺序整理:一、检查外接设备与硬件连接可能原因:外接U盘、移动硬盘等未拔出,或内部硬...
- 电脑启动出现问题,为什么都要先检查BIOS?
-
【ZOL中关村在线原创技巧应用】最近在回答问题的时候,总会发现很多朋友都在问“电脑无法正常开机怎么办?”这样类似的问题,而许多DIY大佬的回复总会出现一条高频建议“先检查BIOS”。但对于许多普通用户...
- 教你怎么用JavaScript检测当前浏览器是无头浏览器
-
什么是无头浏览器(headlessbrowser)?无头浏览器是指可以在图形界面情况下运行的浏览器。我可以通过编程来控制无头浏览器自动执行各种任务,比如做测试,给网页截屏等。为什么叫“无头”浏览器?...
- 12个高效的Python爬虫框架,你用过几个?
-
实现爬虫技术的编程环境有很多种,Java、Python、C++等都可以用来爬虫。但很多人选择Python来写爬虫,为什么呢?因为Python确实很适合做爬虫,丰富的第三方库十分强大,简单几行代码便可实...
- 运维的报表之路,用 node.js 轻松发送 grafana 报表
-
在运维过程中,无论是监控还是报表,都会有一些通过邮件发送图表的需求,由于开源的zabbix,grafana和kibana等并不完全具有“想发送哪儿就发送哪儿”的图片生成功能,在grafana...
- C#基于浏览器内核的高级爬虫(c#爬取网页内容)
-
基于C#.NET+PhantomJS+Sellenium的高级网络爬虫程序。可执行Javascript代码、触发各类事件、操纵页面Dom结构、甚至可以移除不喜欢的CSS样式。很多网站都用Ajax动态加...
- 如何优化一个秒杀项目?(秒杀实现思路)
-
问题1:使用jmeter性能压测,定位瓶颈代码步骤流程:线程组--->Http请求--->查看结果树--->聚合报告tips:host的文件--->优先调用映射,减少DNS的时...
- 一周热门
-
-
Python实现人事自动打卡,再也不会被批评
-
Psutil + Flask + Pyecharts + Bootstrap 开发动态可视化系统监控
-
一个解决支持HTML/CSS/JS网页转PDF(高质量)的终极解决方案
-
【验证码逆向专栏】vaptcha 手势验证码逆向分析
-
再见Swagger UI 国人开源了一款超好用的 API 文档生成框架,真香
-
网页转成pdf文件的经验分享 网页转成pdf文件的经验分享怎么弄
-
C++ std::vector 简介
-
python使用fitz模块提取pdf中的图片
-
《人人译客》如何规划你的移动电商网站(2)
-
Jupyterhub安装教程 jupyter怎么安装包
-
- 最近发表
- 标签列表
-
- python判断字典是否为空 (50)
- crontab每周一执行 (48)
- aes和des区别 (43)
- bash脚本和shell脚本的区别 (35)
- canvas库 (33)
- dataframe筛选满足条件的行 (35)
- gitlab日志 (33)
- lua xpcall (36)
- blob转json (33)
- python判断是否在列表中 (34)
- python html转pdf (36)
- 安装指定版本npm (37)
- idea搜索jar包内容 (33)
- css鼠标悬停出现隐藏的文字 (34)
- linux nacos启动命令 (33)
- gitlab 日志 (36)
- adb pull (37)
- table.render (33)
- uniapp textarea (33)
- python判断元素在不在列表里 (34)
- python 字典删除元素 (34)
- react-admin (33)
- vscode切换git分支 (35)
- vscode美化代码 (33)
- python bytes转16进制 (35)