合併配置

在許多情況下，您不會從頭開始撰寫 ESLint 配置檔，而是使用預定義和可分享的配置與您自己的覆寫來為您的專案建立配置。此頁面說明您可以使用的一些模式，在您的設定檔中合併配置。

套用配置物件

如果您要從另一個模組匯入物件，在大多數情況下，您可以直接將物件插入您的設定檔的匯出陣列中。例如，您可以匯入 recommended 配置，並在您的陣列中使用它，來使用 JavaScript 的建議規則配置

// eslint.config.js
import js from "@eslint/js";

export default [
    js.configs.recommended,
    {
        rules: {
            "no-unused-vars": "warn"
        }
    }
];
1
2
3
4
5
6
7
8
9
10
11

在這裡，js.configs.recommended 預定義配置會先套用，然後另一個配置物件會為 no-unused-vars 新增所需的配置。

將配置物件套用至檔案子集

您可以透過建立一個具有 files 鍵的新物件，並使用物件展開運算子合併配置物件中的其餘屬性，將配置物件僅套用至檔案子集。例如

// eslint.config.js
import js from "@eslint/js";

export default [
    {
        ...js.configs.recommended,
        files: ["**/src/safe/*.js"]
    }
];
1
2
3
4
5
6
7
8
9

在這裡，js.configs.recommended 配置物件僅套用至符合 "**/src/safe/*.js" 模式的檔案。

套用配置陣列

如果您要從另一個模組匯入陣列，您可以使用陣列展開運算子將該陣列中的項目插入您的匯出陣列中。以下是一個範例

// eslint.config.js
import exampleConfigs from "eslint-config-example";

export default [
    ...exampleConfigs,

    // your modifications
    {
        rules: {
            "no-unused-vars": "warn"
        }
    }
];
1
2
3
4
5
6
7
8
9
10
11
12
13

在這裡，exampleConfigs 可分享配置會先套用，然後另一個配置物件會為 no-unused-vars 新增所需的配置。

將配置陣列套用至檔案子集

您可以透過使用 map() 方法將 files 鍵新增至每個配置物件，將配置陣列僅套用至檔案子集。例如

// eslint.config.js
import exampleConfigs from "eslint-config-example";

export default [
    ...exampleConfigs.map(config => ({
        ...config,
        files: ["**/src/safe/*.js"]
    })),

    // your modifications
    {
        rules: {
            "no-unused-vars": "warn"
        }
    }
];
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

在這裡，exampleConfigs 中的每個配置物件僅套用至符合 "**/src/safe/*.js" 模式的檔案。