2024年4月5日,ESlint9正式发布,ESlint发布了一个很重要的内容:Flat Config扁平化配置。 过去,ESlint仅仅是一个用于维护代码质量的一个工具,但是随着Flat Config的发布,以及由于官方放弃格式化规则带来的社区自由发展,ESlint在做好一个维护代码质量的工具的同时,也具有更多的可能性。 让我们来看一下ESlint的Flat Co...
ESLint Flat Config采用了一种扁平化的配置结构,将原本嵌套多层的配置选项扁平化,使得配置文件更加简洁明了。这种配置方式有以下几个特点: 直观易懂:Flat Config将配置项平铺开来,减少了嵌套的层级,使得配置选项更加直观,易于理解和使用。 减少错误:扁平化的配置结构减少了配置项之间的耦合,降低了配置错误的概率。 易...
新版本在今年4月份全新推出,正式将Flat Config合并到了 Release 版本,到现在经过了 9 个月的时间,不知道小伙伴们有没有做一次正式的迁移。话说回来,如果近期有想要迁移到最新版本的小伙伴,官方推出@eslint/migrate-config CLI 工具将旧配置转换为扁平配置一个配置项来协助开发者们进行迁移,建议可以从一些简单的项目...
ESLint’s new config system, Part 2: Introduction to flat config ESLint’s new config system, Part 3: Developer preview Flat Config 配置说明文档 Eslint doc :Configuration Files (New) 在阅读过以上内容后,我们针对旧配置升级到新的 Flat Config 新配置进行一个简单 case 的实战。 迁移实战 新旧对比...
$ npx eslint --env-info Environment Info: Node version: v20.16.0 npm version: v10.8.1 Local ESLint version: v9.10.0 (Currently used) Global ESLint version: Not found Operating System: darwin 23.5.0 Problem As mentioned in the title, if aeslint.config.jsfile exports an array of confi...
eslint-flat-config-react A set of opinionated ESLint (http://eslint.org) rules (all rules included) tailored for React projects using Eslint's flat configuration format (http://eslint.org/docs/user-guide/configuring#using-a-configuration-file). Usage: npm install --save-dev eslint-config...
🚨 This eslint.config.js (flat config) example also has aconflicting rule"indent"enabled: importsomeConfigfrom"some-other-config-you-use";importeslintConfigPrettierfrom"eslint-config-prettier";exportdefault[someConfig,eslintConfigPrettier,{rules:{indent:"error",},},]; ...
ESLint会从eslintrc或者package.json.eslintConfig中读取配置,前者的优先级会大于后者,如果同级目录下存在多个配置文件,那么这层目录只有一个配置文件会被读取,默认会进行逐层读取配置文件,最终合并为一个。如果多个配置文件里都配置了重复的字段,那里给定目录最近的配置会生效,可以在配置文件中添加root: true来阻止逐...
configs = [configs].flat();configs.forEach((config) => { config.files = files; });return configs; }function legacyExtends(extension, name) { return { ...fixupConfigRules(flatCompat.extends(extension)[0])[0], name }; }const config = makeTsEslintConfig( ...
eslint.config.js (flat config): Import eslint-config-prettier, and put it in the configuration array –afterother configs that you want to override. importsomeConfigfrom"some-other-config-you-use";importeslintConfigPrettierfrom"eslint-config-prettier";exportdefault[ someConfig, eslintConfigPrettie...