sayll/react-webpack-start

View on GitHub
config/webpack/webpack.config.js

Summary

Maintainability
A
1 hr
Test Coverage

Function getEntry has 33 lines of code (exceeds 25 allowed). Consider refactoring.
Open

    function getEntry(option, VIEWS) {
      let pathDir = option.pathDir,
          files   = glob.sync(option.globPath);

      let entries = {},
Severity: Minor
Found in config/webpack/webpack.config.js - About 1 hr to fix

    'Config' is never reassigned. Use 'const' instead.
    Open

      let Config = {
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    Unexpected parentheses around single function argument.
    Open

      ((debug) => {
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Require parens in arrow function arguments (arrow-parens)

    Arrow functions can omit parentheses when they have exactly one parameter. In all other cases the parameter(s) must be wrapped in parentheses. This rule enforces the consistent use of parentheses in arrow functions.

    Rule Details

    This rule enforces parentheses around arrow function parameters regardless of arity. For example:

    /*eslint-env es6*/
    
    // Bad
    a => {}
    
    // Good
    (a) => {}

    Following this style will help you find arrow functions (=>) which may be mistakenly included in a condition when a comparison such as >= was the intent.

    /*eslint-env es6*/
    
    // Bad
    if (a => 2) {
    }
    
    // Good
    if (a >= 2) {
    }

    The rule can also be configured to discourage the use of parens when they are not required:

    /*eslint-env es6*/
    
    // Bad
    (a) => {}
    
    // Good
    a => {}

    Options

    This rule has a string option and an object one.

    String options are:

    • "always" (default) requires parens around arguments in all cases.
    • "as-needed" allows omitting parens when there is only one argument.

    Object properties for variants of the "as-needed" option:

    • "requireForBlockBody": true modifies the as-needed rule in order to require parens if the function body is in an instructions block (surrounded by braces).

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint arrow-parens: ["error", "always"]*/
    /*eslint-env es6*/
    
    a => {};
    a => a;
    a => {'\n'};
    a.then(foo => {});
    a.then(foo => a);
    a(foo => { if (true) {} });

    Examples of correct code for this rule with the default "always" option:

    /*eslint arrow-parens: ["error", "always"]*/
    /*eslint-env es6*/
    
    () => {};
    (a) => {};
    (a) => a;
    (a) => {'\n'}
    a.then((foo) => {});
    a.then((foo) => { if (true) {} });

    If Statements

    One of benefits of this option is that it prevents the incorrect use of arrow functions in conditionals:

    /*eslint-env es6*/
    
    var a = 1;
    var b = 2;
    // ...
    if (a => b) {
     console.log('bigger');
    } else {
     console.log('smaller');
    }
    // outputs 'bigger', not smaller as expected

    The contents of the if statement is an arrow function, not a comparison.

    If the arrow function is intentional, it should be wrapped in parens to remove ambiguity.

    /*eslint-env es6*/
    
    var a = 1;
    var b = 0;
    // ...
    if ((a) => b) {
     console.log('truthy value returned');
    } else {
     console.log('falsey value returned');
    }
    // outputs 'truthy value returned'

    The following is another example of this behavior:

    /*eslint-env es6*/
    
    var a = 1, b = 2, c = 3, d = 4;
    var f = a => b ? c: d;
    // f = ?

    f is an arrow function which takes a as an argument and returns the result of b ? c: d.

    This should be rewritten like so:

    /*eslint-env es6*/
    
    var a = 1, b = 2, c = 3, d = 4;
    var f = (a) => b ? c: d;

    as-needed

    Examples of incorrect code for this rule with the "as-needed" option:

    /*eslint arrow-parens: ["error", "as-needed"]*/
    /*eslint-env es6*/
    
    (a) => {};
    (a) => a;
    (a) => {'\n'};
    a.then((foo) => {});
    a.then((foo) => a);
    a((foo) => { if (true) {} });

    Examples of correct code for this rule with the "as-needed" option:

    /*eslint arrow-parens: ["error", "as-needed"]*/
    /*eslint-env es6*/
    
    () => {};
    a => {};
    a => a;
    a => {'\n'};
    a.then(foo => {});
    a.then(foo => { if (true) {} });
    (a, b, c) => a;
    (a = 10) => a;
    ([a, b]) => a;
    ({a, b}) => a;

    requireForBlockBody

    Examples of incorrect code for the { "requireForBlockBody": true } option:

    /*eslint arrow-parens: [2, "as-needed", { "requireForBlockBody": true }]*/
    /*eslint-env es6*/
    
    (a) => a;
    a => {};
    a => {'\n'};
    a.map((x) => x * x);
    a.map(x => {
      return x * x;
    });
    a.then(foo => {});

    Examples of correct code for the { "requireForBlockBody": true } option:

    /*eslint arrow-parens: [2, "as-needed", { "requireForBlockBody": true }]*/
    /*eslint-env es6*/
    
    (a) => {};
    (a) => {'\n'};
    a => ({});
    () => {};
    a => a;
    a.then((foo) => {});
    a.then((foo) => { if (true) {} });
    a((foo) => { if (true) {} });
    (a, b, c) => a;
    (a = 10) => a;
    ([a, b]) => a;
    ({a, b}) => a;

    Further Reading

    Missing semicolon.
    Open

            obj2[o] = obj1[o]
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    require or disallow semicolons instead of ASI (semi)

    JavaScript is unique amongst the C-like languages in that it doesn't require semicolons at the end of each statement. In many cases, the JavaScript engine can determine that a semicolon should be in a certain spot and will automatically add it. This feature is known as automatic semicolon insertion (ASI) and is considered one of the more controversial features of JavaScript. For example, the following lines are both valid:

    var name = "ESLint"
    var website = "eslint.org";

    On the first line, the JavaScript engine will automatically insert a semicolon, so this is not considered a syntax error. The JavaScript engine still knows how to interpret the line and knows that the line end indicates the end of the statement.

    In the debate over ASI, there are generally two schools of thought. The first is that we should treat ASI as if it didn't exist and always include semicolons manually. The rationale is that it's easier to always include semicolons than to try to remember when they are or are not required, and thus decreases the possibility of introducing an error.

    However, the ASI mechanism can sometimes be tricky to people who are using semicolons. For example, consider this code:

    return
    {
        name: "ESLint"
    };

    This may look like a return statement that returns an object literal, however, the JavaScript engine will interpret this code as:

    return;
    {
        name: "ESLint";
    }

    Effectively, a semicolon is inserted after the return statement, causing the code below it (a labeled literal inside a block) to be unreachable. This rule and the [no-unreachable](no-unreachable.md) rule will protect your code from such cases.

    On the other side of the argument are those who says that since semicolons are inserted automatically, they are optional and do not need to be inserted manually. However, the ASI mechanism can also be tricky to people who don't use semicolons. For example, consider this code:

    var globalCounter = { }
    
    (function () {
        var n = 0
        globalCounter.increment = function () {
            return ++n
        }
    })()

    In this example, a semicolon will not be inserted after the first line, causing a run-time error (because an empty object is called as if it's a function). The [no-unexpected-multiline](no-unexpected-multiline.md) rule can protect your code from such cases.

    Although ASI allows for more freedom over your coding style, it can also make your code behave in an unexpected way, whether you use semicolons or not. Therefore, it is best to know when ASI takes place and when it does not, and have ESLint protect your code from these potentially unexpected cases. In short, as once described by Isaac Schlueter, a \n character always ends a statement (just like a semicolon) unless one of the following is true:

    1. The statement has an unclosed paren, array literal, or object literal or ends in some other way that is not a valid way to end a statement. (For instance, ending with . or ,.)
    2. The line is -- or ++ (in which case it will decrement/increment the next token.)
    3. It is a for(), while(), do, if(), or else, and there is no {
    4. The next line starts with [, (, +, *, /, -, ,, ., or some other binary operator that can only be found between two tokens in a single expression.

    Rule Details

    This rule enforces consistent use of semicolons.

    Options

    This rule has two options, a string option and an object option.

    String option:

    • "always" (default) requires semicolons at the end of statements
    • "never" disallows semicolons as the end of statements (except to disambiguate statements beginning with [, (, /, +, or -)

    Object option:

    • "omitLastInOneLineBlock": true ignores the last semicolon in a block in which its braces (and therefore the content of the block) are in the same line

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint semi: ["error", "always"]*/
    
    var name = "ESLint"
    
    object.method = function() {
        // ...
    }

    Examples of correct code for this rule with the default "always" option:

    /*eslint semi: "error"*/
    
    var name = "ESLint";
    
    object.method = function() {
        // ...
    };

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint semi: ["error", "never"]*/
    
    var name = "ESLint";
    
    object.method = function() {
        // ...
    };

    Examples of correct code for this rule with the "never" option:

    /*eslint semi: ["error", "never"]*/
    
    var name = "ESLint"
    
    object.method = function() {
        // ...
    }
    
    var name = "ESLint"
    
    ;(function() {
        // ...
    })()

    omitLastInOneLineBlock

    Examples of additional correct code for this rule with the "always", { "omitLastInOneLineBlock": true } options:

    /*eslint semi: ["error", "always", { "omitLastInOneLineBlock": true}] */
    
    if (foo) { bar() }
    
    if (foo) { bar(); baz() }

    When Not To Use It

    If you do not want to enforce semicolon usage (or omission) in any particular way, then you can turn this rule off.

    Further Reading

    Related Rules

    • [no-extra-semi](no-extra-semi.md)
    • [no-unexpected-multiline](no-unexpected-multiline.md)
    • [semi-spacing](semi-spacing.md) Source: http://eslint.org/docs/rules/

    Expected indentation of 8 spaces but found 10.
    Open

              extName; // 文件格式
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    'jsBundle' is never reassigned. Use 'const' instead.
    Open

            jsBundle  = debug ? `${files.jsName}/[name].js` : `${files.jsName}/[name].[chunkhash:8].js`,
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    Expected indentation of 2 spaces but found 6.
    Open

          files             = require('./base/files'),
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Split 'let' declarations into multiple statements.
    Open

        let fileHtml  = Object.keys(getEntry({
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce variables to be declared either together or separately in functions (one-var)

    Variables can be declared at any point in JavaScript code using var, let, or const. There are many styles and preferences related to the declaration of variables, and one of those is deciding on how many variable declarations should be allowed in a single function.

    There are two schools of thought in this regard:

    1. There should be just one variable declaration for all variables in the function. That declaration typically appears at the top of the function.
    2. You should use one variable declaration for each variable you want to define.

    For instance:

    // one variable declaration per function
    function foo() {
        var bar, baz;
    }
    
    // multiple variable declarations per function
    function foo() {
        var bar;
        var baz;
    }

    The single-declaration school of thought is based in pre-ECMAScript 6 behaviors, where there was no such thing as block scope, only function scope. Since all var statements are hoisted to the top of the function anyway, some believe that declaring all variables in a single declaration at the top of the function removes confusion around scoping rules.

    Rule Details

    This rule enforces variables to be declared either together or separately per function ( for var) or block (for let and const) scope.

    Options

    This rule has one option, which can be a string option or an object option.

    String option:

    • "always" (default) requires one variable declaration per scope
    • "never" requires multiple variable declarations per scope

    Object option:

    • "var": "always" requires one var declaration per function
    • "var": "never" requires multiple var declarations per function
    • "let": "always" requires one let declaration per block
    • "let": "never" requires multiple let declarations per block
    • "const": "always" requires one const declaration per block
    • "const": "never" requires multiple const declarations per block

    Alternate object option:

    • "initialized": "always" requires one variable declaration for initialized variables per scope
    • "initialized": "never" requires multiple variable declarations for initialized variables per scope
    • "uninitialized": "always" requires one variable declaration for uninitialized variables per scope
    • "uninitialized": "never" requires multiple variable declarations for uninitialized variables per scope

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint one-var: ["error", "always"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
        let qux;
        let norf;
    }
    
    function foo(){
        const bar = false;
        const baz = true;
        let qux;
        let norf;
    }
    
    function foo() {
        var bar;
    
        if (baz) {
            var qux = true;
        }
    }

    Examples of correct code for this rule with the default "always" option:

    /*eslint one-var: ["error", "always"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        let qux,
            norf;
    }
    
    function foo(){
        const bar = true,
            baz = false;
        let qux,
            norf;
    }
    
    function foo() {
        var bar,
            qux;
    
        if (baz) {
            qux = true;
        }
    }
    
    function foo(){
        let bar;
    
        if (baz) {
            let qux;
        }
    }

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint one-var: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        const bar = true,
            baz = false;
    }
    
    function foo() {
        var bar,
            qux;
    
        if (baz) {
            qux = true;
        }
    }
    
    function foo(){
        let bar = true,
            baz = false;
    }

    Examples of correct code for this rule with the "never" option:

    /*eslint one-var: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
    }
    
    function foo() {
        var bar;
    
        if (baz) {
            var qux = true;
        }
    }
    
    function foo() {
        let bar;
    
        if (baz) {
            let qux = true;
        }
    }

    var, let, and const

    Examples of incorrect code for this rule with the { var: "always", let: "never", const: "never" } option:

    /*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
        let qux,
            norf;
    }
    
    function foo() {
        const bar = 1,
              baz = 2;
        let qux,
            norf;
    }

    Examples of correct code for this rule with the { var: "always", let: "never", const: "never" } option:

    /*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        let qux;
        let norf;
    }
    
    function foo() {
        const bar = 1;
        const baz = 2;
        let qux;
        let norf;
    }

    Examples of incorrect code for this rule with the { var: "never" } option:

    /*eslint one-var: ["error", { var: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
    }

    Examples of correct code for this rule with the { var: "never" } option:

    /*eslint one-var: ["error", { var: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        const bar = 1; // `const` and `let` declarations are ignored if they are not specified
        const baz = 2;
        let qux;
        let norf;
    }

    initialized and uninitialized

    Examples of incorrect code for this rule with the { "initialized": "always", "uninitialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "always", "uninitialized": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var a, b, c;
        var foo = true;
        var bar = false;
    }

    Examples of correct code for this rule with the { "initialized": "always", "uninitialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "always", "uninitialized": "never" }]*/
    
    function foo() {
        var a;
        var b;
        var c;
        var foo = true,
            bar = false;
    }
    
    for (let z of foo) {
        doSomething(z);
    }
    
    let z;
    for (z of foo) {
        doSomething(z);
    }

    Examples of incorrect code for this rule with the { "initialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var foo = true,
            bar = false;
    }

    Examples of correct code for this rule with the { "initialized": "never" } option:

    /*eslint one-var: ["error", { initialized: "never" }]*/
    
    function foo() {
        var foo = true;
        var bar = false;
        var a, b, c; // Uninitialized variables are ignored
    }

    Compatibility

    'fileCss' is never reassigned. Use 'const' instead.
    Open

            fileCss   = getEntry({
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    Unexpected unnamed function.
    Open

          conf.chunksSortMode = function (a, b) { // 按照配置排序
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Require or disallow named function expressions (func-names)

    A pattern that's becoming more common is to give function expressions names to aid in debugging. For example:

    Foo.prototype.bar = function bar() {};

    Adding the second bar in the above example is optional. If you leave off the function name then when the function throws an exception you are likely to get something similar to anonymous function in the stack trace. If you provide the optional name for a function expression then you will get the name of the function expression in the stack trace.

    Rule Details

    This rule can enforce or disallow the use of named function expressions.

    Options

    This rule has a string option:

    • "always" (default) requires function expressions to have a name
    • "as-needed" requires function expressions to have a name, if the name cannot be assigned automatically in an ES6 environment
    • "never" disallows named function expressions, except in recursive functions, where a name is needed

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint func-names: ["error", "always"]*/
    
    Foo.prototype.bar = function() {};
    
    (function() {
        // ...
    }())

    Examples of correct code for this rule with the default "always" option:

    /*eslint func-names: ["error", "always"]*/
    
    Foo.prototype.bar = function bar() {};
    
    (function bar() {
        // ...
    }())

    as-needed

    ECMAScript 6 introduced a name property on all functions. The value of name is determined by evaluating the code around the function to see if a name can be inferred. For example, a function assigned to a variable will automatically have a name property equal to the name of the variable. The value of name is then used in stack traces for easier debugging.

    Examples of incorrect code for this rule with the default "as-needed" option:

    /*eslint func-names: ["error", "as-needed"]*/
    
    Foo.prototype.bar = function() {};
    
    (function() {
        // ...
    }())

    Examples of correct code for this rule with the default "as-needed" option:

    /*eslint func-names: ["error", "as-needed"]*/
    
    var bar = function() {};
    
    (function bar() {
        // ...
    }())

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint func-names: ["error", "never"]*/
    
    Foo.prototype.bar = function bar() {};
    
    (function bar() {
        // ...
    }())

    Examples of correct code for this rule with the "never" option:

    /*eslint func-names: ["error", "never"]*/
    
    Foo.prototype.bar = function() {};
    
    (function() {
        // ...
    }())

    Further Reading

    Compatibility

    Split 'const' declarations into multiple statements.
    Open

    const base              = require('./base/base.js'),
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce variables to be declared either together or separately in functions (one-var)

    Variables can be declared at any point in JavaScript code using var, let, or const. There are many styles and preferences related to the declaration of variables, and one of those is deciding on how many variable declarations should be allowed in a single function.

    There are two schools of thought in this regard:

    1. There should be just one variable declaration for all variables in the function. That declaration typically appears at the top of the function.
    2. You should use one variable declaration for each variable you want to define.

    For instance:

    // one variable declaration per function
    function foo() {
        var bar, baz;
    }
    
    // multiple variable declarations per function
    function foo() {
        var bar;
        var baz;
    }

    The single-declaration school of thought is based in pre-ECMAScript 6 behaviors, where there was no such thing as block scope, only function scope. Since all var statements are hoisted to the top of the function anyway, some believe that declaring all variables in a single declaration at the top of the function removes confusion around scoping rules.

    Rule Details

    This rule enforces variables to be declared either together or separately per function ( for var) or block (for let and const) scope.

    Options

    This rule has one option, which can be a string option or an object option.

    String option:

    • "always" (default) requires one variable declaration per scope
    • "never" requires multiple variable declarations per scope

    Object option:

    • "var": "always" requires one var declaration per function
    • "var": "never" requires multiple var declarations per function
    • "let": "always" requires one let declaration per block
    • "let": "never" requires multiple let declarations per block
    • "const": "always" requires one const declaration per block
    • "const": "never" requires multiple const declarations per block

    Alternate object option:

    • "initialized": "always" requires one variable declaration for initialized variables per scope
    • "initialized": "never" requires multiple variable declarations for initialized variables per scope
    • "uninitialized": "always" requires one variable declaration for uninitialized variables per scope
    • "uninitialized": "never" requires multiple variable declarations for uninitialized variables per scope

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint one-var: ["error", "always"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
        let qux;
        let norf;
    }
    
    function foo(){
        const bar = false;
        const baz = true;
        let qux;
        let norf;
    }
    
    function foo() {
        var bar;
    
        if (baz) {
            var qux = true;
        }
    }

    Examples of correct code for this rule with the default "always" option:

    /*eslint one-var: ["error", "always"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        let qux,
            norf;
    }
    
    function foo(){
        const bar = true,
            baz = false;
        let qux,
            norf;
    }
    
    function foo() {
        var bar,
            qux;
    
        if (baz) {
            qux = true;
        }
    }
    
    function foo(){
        let bar;
    
        if (baz) {
            let qux;
        }
    }

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint one-var: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        const bar = true,
            baz = false;
    }
    
    function foo() {
        var bar,
            qux;
    
        if (baz) {
            qux = true;
        }
    }
    
    function foo(){
        let bar = true,
            baz = false;
    }

    Examples of correct code for this rule with the "never" option:

    /*eslint one-var: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
    }
    
    function foo() {
        var bar;
    
        if (baz) {
            var qux = true;
        }
    }
    
    function foo() {
        let bar;
    
        if (baz) {
            let qux = true;
        }
    }

    var, let, and const

    Examples of incorrect code for this rule with the { var: "always", let: "never", const: "never" } option:

    /*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
        let qux,
            norf;
    }
    
    function foo() {
        const bar = 1,
              baz = 2;
        let qux,
            norf;
    }

    Examples of correct code for this rule with the { var: "always", let: "never", const: "never" } option:

    /*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        let qux;
        let norf;
    }
    
    function foo() {
        const bar = 1;
        const baz = 2;
        let qux;
        let norf;
    }

    Examples of incorrect code for this rule with the { var: "never" } option:

    /*eslint one-var: ["error", { var: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
    }

    Examples of correct code for this rule with the { var: "never" } option:

    /*eslint one-var: ["error", { var: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        const bar = 1; // `const` and `let` declarations are ignored if they are not specified
        const baz = 2;
        let qux;
        let norf;
    }

    initialized and uninitialized

    Examples of incorrect code for this rule with the { "initialized": "always", "uninitialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "always", "uninitialized": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var a, b, c;
        var foo = true;
        var bar = false;
    }

    Examples of correct code for this rule with the { "initialized": "always", "uninitialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "always", "uninitialized": "never" }]*/
    
    function foo() {
        var a;
        var b;
        var c;
        var foo = true,
            bar = false;
    }
    
    for (let z of foo) {
        doSomething(z);
    }
    
    let z;
    for (z of foo) {
        doSomething(z);
    }

    Examples of incorrect code for this rule with the { "initialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var foo = true,
            bar = false;
    }

    Examples of correct code for this rule with the { "initialized": "never" } option:

    /*eslint one-var: ["error", { initialized: "never" }]*/
    
    function foo() {
        var foo = true;
        var bar = false;
        var a, b, c; // Uninitialized variables are ignored
    }

    Compatibility

    Expected indentation of 8 spaces but found 10.
    Open

              relativeName, // 键名所需,相对传入文件地址路径
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Unexpected unnamed function.
    Open

        htmlFiles.forEach(function (pathname) {
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Require or disallow named function expressions (func-names)

    A pattern that's becoming more common is to give function expressions names to aid in debugging. For example:

    Foo.prototype.bar = function bar() {};

    Adding the second bar in the above example is optional. If you leave off the function name then when the function throws an exception you are likely to get something similar to anonymous function in the stack trace. If you provide the optional name for a function expression then you will get the name of the function expression in the stack trace.

    Rule Details

    This rule can enforce or disallow the use of named function expressions.

    Options

    This rule has a string option:

    • "always" (default) requires function expressions to have a name
    • "as-needed" requires function expressions to have a name, if the name cannot be assigned automatically in an ES6 environment
    • "never" disallows named function expressions, except in recursive functions, where a name is needed

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint func-names: ["error", "always"]*/
    
    Foo.prototype.bar = function() {};
    
    (function() {
        // ...
    }())

    Examples of correct code for this rule with the default "always" option:

    /*eslint func-names: ["error", "always"]*/
    
    Foo.prototype.bar = function bar() {};
    
    (function bar() {
        // ...
    }())

    as-needed

    ECMAScript 6 introduced a name property on all functions. The value of name is determined by evaluating the code around the function to see if a name can be inferred. For example, a function assigned to a variable will automatically have a name property equal to the name of the variable. The value of name is then used in stack traces for easier debugging.

    Examples of incorrect code for this rule with the default "as-needed" option:

    /*eslint func-names: ["error", "as-needed"]*/
    
    Foo.prototype.bar = function() {};
    
    (function() {
        // ...
    }())

    Examples of correct code for this rule with the default "as-needed" option:

    /*eslint func-names: ["error", "as-needed"]*/
    
    var bar = function() {};
    
    (function bar() {
        // ...
    }())

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint func-names: ["error", "never"]*/
    
    Foo.prototype.bar = function bar() {};
    
    (function bar() {
        // ...
    }())

    Examples of correct code for this rule with the "never" option:

    /*eslint func-names: ["error", "never"]*/
    
    Foo.prototype.bar = function() {};
    
    (function() {
        // ...
    }())

    Further Reading

    Compatibility

    'files' is never reassigned. Use 'const' instead.
    Open

              files   = glob.sync(option.globPath);
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    Expected indentation of 8 spaces but found 10.
    Open

              dirName, // 传入的文件夹路径
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Expected exception block, space or tab after '//' in comment.
    Open

              //'eventsource-polyfill' // 热替换兼容IE
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Requires or disallows a whitespace (space or tab) beginning a comment (spaced-comment)

    Some style guides require or disallow a whitespace immediately after the initial // or /* of a comment. Whitespace after the // or /* makes it easier to read text in comments. On the other hand, commenting out code is easier without having to put a whitespace right after the // or /*.

    Rule Details

    This rule will enforce consistency of spacing after the start of a comment // or /*. It also provides several exceptions for various documentation styles.

    Options

    The rule takes two options.

    • The first is a string which be either "always" or "never". The default is "always".

      • If "always" then the // or /* must be followed by at least one whitespace.
      • If "never" then there should be no whitespace following.
    • This rule can also take a 2nd option, an object with any of the following keys: "exceptions" and "markers".

      • The "exceptions" value is an array of string patterns which are considered exceptions to the rule. Please note that exceptions are ignored if the first argument is "never".
      "spaced-comment": ["error", "always", { "exceptions": ["-", "+"] }]
      • The "markers" value is an array of string patterns which are considered markers for docblock-style comments, such as an additional /, used to denote documentation read by doxygen, vsdoc, etc. which must have additional characters. The "markers" array will apply regardless of the value of the first argument, e.g. "always" or "never".
      "spaced-comment": ["error", "always", { "markers": ["/"] }]

    The difference between a marker and an exception is that a marker only appears at the beginning of the comment whereas exceptions can occur anywhere in the comment string.

    You can also define separate exceptions and markers for block and line comments. The "block" object can have an additional key "balanced", a boolean that specifies if inline block comments should have balanced spacing. The default value is false.

    • If "balanced": true and "always" then the /* must be followed by at least one whitespace, and the */ must be preceded by at least one whitespace.

    • If "balanced": true and "never" then there should be no whitespace following /* or preceding */.

    • If "balanced": false then balanced whitespace is not enforced.

    "spaced-comment": ["error", "always", {
        "line": {
            "markers": ["/"],
            "exceptions": ["-", "+"]
        },
        "block": {
            "markers": ["!"],
            "exceptions": ["*"],
            "balanced": true
        }
    }]

    always

    Examples of incorrect code for this rule with the "always" option:

    /*eslint spaced-comment: ["error", "always"]*/
    
    //This is a comment with no whitespace at the beginning
    
    /*This is a comment with no whitespace at the beginning */
    /* eslint spaced-comment: ["error", "always", { "block": { "balanced": true } }] */
    /* This is a comment with whitespace at the beginning but not the end*/

    Examples of correct code for this rule with the "always" option:

    /* eslint spaced-comment: ["error", "always"] */
    
    // This is a comment with a whitespace at the beginning
    
    /* This is a comment with a whitespace at the beginning */
    
    /*
     * This is a comment with a whitespace at the beginning
     */
    
    /*
    This comment has a newline
    */
    /* eslint spaced-comment: ["error", "always"] */
    
    /**
    * I am jsdoc
    */

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint spaced-comment: ["error", "never"]*/
    
    // This is a comment with a whitespace at the beginning
    
    /* This is a comment with a whitespace at the beginning */
    
    /* \nThis is a comment with a whitespace at the beginning */
    /*eslint spaced-comment: ["error", "never", { "block": { "balanced": true } }]*/
    /*This is a comment with whitespace at the end */

    Examples of correct code for this rule with the "never" option:

    /*eslint spaced-comment: ["error", "never"]*/
    
    /*This is a comment with no whitespace at the beginning */
    /*eslint spaced-comment: ["error", "never"]*/
    
    /**
    * I am jsdoc
    */

    exceptions

    Examples of incorrect code for this rule with the "always" option combined with "exceptions":

    /* eslint spaced-comment: ["error", "always", { "block": { "exceptions": ["-"] } }] */
    
    //--------------
    // Comment block
    //--------------
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-", "+"] }] */
    
    //------++++++++
    // Comment block
    //------++++++++
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-", "+"] }] */
    
    /*------++++++++*/
    /* Comment block */
    /*------++++++++*/
    /* eslint spaced-comment: ["error", "always", { "line": { "exceptions": ["-+"] } }] */
    
    /*-+-+-+-+-+-+-+*/
    // Comment block
    /*-+-+-+-+-+-+-+*/

    Examples of correct code for this rule with the "always" option combined with "exceptions":

    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-"] }] */
    
    //--------------
    // Comment block
    //--------------
    /* eslint spaced-comment: ["error", "always", { "line": { "exceptions": ["-"] } }] */
    
    //--------------
    // Comment block
    //--------------
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["*"] }] */
    
    /****************
     * Comment block
     ****************/
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-+"] }] */
    
    //-+-+-+-+-+-+-+
    // Comment block
    //-+-+-+-+-+-+-+
    
    /*-+-+-+-+-+-+-+*/
    // Comment block
    /*-+-+-+-+-+-+-+*/
    /* eslint spaced-comment: ["error", "always", { "block": { "exceptions": ["-+"] } }] */
    
    /*-+-+-+-+-+-+-+*/
    // Comment block
    /*-+-+-+-+-+-+-+*/

    markers

    Examples of incorrect code for this rule with the "always" option combined with "markers":

    /* eslint spaced-comment: ["error", "always", { "markers": ["/"] }] */
    
    ///This is a comment with a marker but without whitespace
    /*eslint spaced-comment: ["error", "always", { "block": { "markers": ["!"], "balanced": true } }]*/
    /*! This is a comment with a marker but without whitespace at the end*/
    /*eslint spaced-comment: ["error", "never", { "block": { "markers": ["!"], "balanced": true } }]*/
    /*!This is a comment with a marker but with whitespace at the end */

    Examples of correct code for this rule with the "always" option combined with "markers":

    /* eslint spaced-comment: ["error", "always", { "markers": ["/"] }] */
    
    /// This is a comment with a marker
    /*eslint spaced-comment: ["error", "never", { "markers": ["!<"] }]*/
    
    //!<this is a line comment with marker block subsequent lines are ignored></this>
    /* eslint spaced-comment: ["error", "always", { "markers": ["global"] }] */
    
    /*global ABC*/

    Related Rules

    Split 'let' declarations into multiple statements.
    Open

          let pathDir = option.pathDir,
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce variables to be declared either together or separately in functions (one-var)

    Variables can be declared at any point in JavaScript code using var, let, or const. There are many styles and preferences related to the declaration of variables, and one of those is deciding on how many variable declarations should be allowed in a single function.

    There are two schools of thought in this regard:

    1. There should be just one variable declaration for all variables in the function. That declaration typically appears at the top of the function.
    2. You should use one variable declaration for each variable you want to define.

    For instance:

    // one variable declaration per function
    function foo() {
        var bar, baz;
    }
    
    // multiple variable declarations per function
    function foo() {
        var bar;
        var baz;
    }

    The single-declaration school of thought is based in pre-ECMAScript 6 behaviors, where there was no such thing as block scope, only function scope. Since all var statements are hoisted to the top of the function anyway, some believe that declaring all variables in a single declaration at the top of the function removes confusion around scoping rules.

    Rule Details

    This rule enforces variables to be declared either together or separately per function ( for var) or block (for let and const) scope.

    Options

    This rule has one option, which can be a string option or an object option.

    String option:

    • "always" (default) requires one variable declaration per scope
    • "never" requires multiple variable declarations per scope

    Object option:

    • "var": "always" requires one var declaration per function
    • "var": "never" requires multiple var declarations per function
    • "let": "always" requires one let declaration per block
    • "let": "never" requires multiple let declarations per block
    • "const": "always" requires one const declaration per block
    • "const": "never" requires multiple const declarations per block

    Alternate object option:

    • "initialized": "always" requires one variable declaration for initialized variables per scope
    • "initialized": "never" requires multiple variable declarations for initialized variables per scope
    • "uninitialized": "always" requires one variable declaration for uninitialized variables per scope
    • "uninitialized": "never" requires multiple variable declarations for uninitialized variables per scope

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint one-var: ["error", "always"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
        let qux;
        let norf;
    }
    
    function foo(){
        const bar = false;
        const baz = true;
        let qux;
        let norf;
    }
    
    function foo() {
        var bar;
    
        if (baz) {
            var qux = true;
        }
    }

    Examples of correct code for this rule with the default "always" option:

    /*eslint one-var: ["error", "always"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        let qux,
            norf;
    }
    
    function foo(){
        const bar = true,
            baz = false;
        let qux,
            norf;
    }
    
    function foo() {
        var bar,
            qux;
    
        if (baz) {
            qux = true;
        }
    }
    
    function foo(){
        let bar;
    
        if (baz) {
            let qux;
        }
    }

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint one-var: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        const bar = true,
            baz = false;
    }
    
    function foo() {
        var bar,
            qux;
    
        if (baz) {
            qux = true;
        }
    }
    
    function foo(){
        let bar = true,
            baz = false;
    }

    Examples of correct code for this rule with the "never" option:

    /*eslint one-var: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
    }
    
    function foo() {
        var bar;
    
        if (baz) {
            var qux = true;
        }
    }
    
    function foo() {
        let bar;
    
        if (baz) {
            let qux = true;
        }
    }

    var, let, and const

    Examples of incorrect code for this rule with the { var: "always", let: "never", const: "never" } option:

    /*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
        let qux,
            norf;
    }
    
    function foo() {
        const bar = 1,
              baz = 2;
        let qux,
            norf;
    }

    Examples of correct code for this rule with the { var: "always", let: "never", const: "never" } option:

    /*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        let qux;
        let norf;
    }
    
    function foo() {
        const bar = 1;
        const baz = 2;
        let qux;
        let norf;
    }

    Examples of incorrect code for this rule with the { var: "never" } option:

    /*eslint one-var: ["error", { var: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
    }

    Examples of correct code for this rule with the { var: "never" } option:

    /*eslint one-var: ["error", { var: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        const bar = 1; // `const` and `let` declarations are ignored if they are not specified
        const baz = 2;
        let qux;
        let norf;
    }

    initialized and uninitialized

    Examples of incorrect code for this rule with the { "initialized": "always", "uninitialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "always", "uninitialized": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var a, b, c;
        var foo = true;
        var bar = false;
    }

    Examples of correct code for this rule with the { "initialized": "always", "uninitialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "always", "uninitialized": "never" }]*/
    
    function foo() {
        var a;
        var b;
        var c;
        var foo = true,
            bar = false;
    }
    
    for (let z of foo) {
        doSomething(z);
    }
    
    let z;
    for (z of foo) {
        doSomething(z);
    }

    Examples of incorrect code for this rule with the { "initialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var foo = true,
            bar = false;
    }

    Examples of correct code for this rule with the { "initialized": "never" } option:

    /*eslint one-var: ["error", { initialized: "never" }]*/
    
    function foo() {
        var foo = true;
        var bar = false;
        var a, b, c; // Uninitialized variables are ignored
    }

    Compatibility

    Closing curly brace does not appear on the same line as the subsequent block.
    Open

              }
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Require Brace Style (brace-style)

    Brace style is closely related to indent style in programming and describes the placement of braces relative to their control statement and body. There are probably a dozen, if not more, brace styles in the world.

    The one true brace style is one of the most common brace styles in JavaScript, in which the opening brace of a block is placed on the same line as its corresponding statement or declaration. For example:

    if (foo) {
      bar();
    } else {
      baz();
    }

    One common variant of one true brace style is called Stroustrup, in which the else statements in an if-else construct, as well as catch and finally, must be on its own line after the preceding closing brace. For example:

    if (foo) {
      bar();
    }
    else {
      baz();
    }

    Another style is called Allman, in which all the braces are expected to be on their own lines without any extra indentation. For example:

    if (foo)
    {
      bar();
    }
    else
    {
      baz();
    }

    While no style is considered better than the other, most developers agree that having a consistent style throughout a project is important for its long-term maintainability.

    Rule Details

    This rule enforces consistent brace style for blocks.

    Options

    This rule has a string option:

    • "1tbs" (default) enforces one true brace style
    • "stroustrup" enforces Stroustrup style
    • "allman" enforces Allman style

    This rule has an object option for an exception:

    • "allowSingleLine": true (default false) allows the opening and closing braces for a block to be on the same line

    1tbs

    Examples of incorrect code for this rule with the default "1tbs" option:

    /*eslint brace-style: "error"*/
    
    function foo()
    {
      return true;
    }
    
    if (foo)
    {
      bar();
    }
    
    try
    {
      somethingRisky();
    } catch(e)
    {
      handleError();
    }
    
    if (foo) {
      bar();
    }
    else {
      baz();
    }

    Examples of correct code for this rule with the default "1tbs" option:

    /*eslint brace-style: "error"*/
    
    function foo() {
      return true;
    }
    
    if (foo) {
      bar();
    }
    
    if (foo) {
      bar();
    } else {
      baz();
    }
    
    try {
      somethingRisky();
    } catch(e) {
      handleError();
    }
    
    // when there are no braces, there are no problems
    if (foo) bar();
    else if (baz) boom();

    Examples of correct code for this rule with the "1tbs", { "allowSingleLine": true } options:

    /*eslint brace-style: ["error", "1tbs", { "allowSingleLine": true }]*/
    
    function nop() { return; }
    
    if (foo) { bar(); }
    
    if (foo) { bar(); } else { baz(); }
    
    try { somethingRisky(); } catch(e) { handleError(); }

    stroustrup

    Examples of incorrect code for this rule with the "stroustrup" option:

    /*eslint brace-style: ["error", "stroustrup"]*/
    
    function foo()
    {
      return true;
    }
    
    if (foo)
    {
      bar();
    }
    
    try
    {
      somethingRisky();
    } catch(e)
    {
      handleError();
    }
    
    if (foo) {
      bar();
    } else {
      baz();
    }

    Examples of correct code for this rule with the "stroustrup" option:

    /*eslint brace-style: ["error", "stroustrup"]*/
    
    function foo() {
      return true;
    }
    
    if (foo) {
      bar();
    }
    
    if (foo) {
      bar();
    }
    else {
      baz();
    }
    
    try {
      somethingRisky();
    }
    catch(e) {
      handleError();
    }
    
    // when there are no braces, there are no problems
    if (foo) bar();
    else if (baz) boom();

    Examples of correct code for this rule with the "stroustrup", { "allowSingleLine": true } options:

    /*eslint brace-style: ["error", "stroustrup", { "allowSingleLine": true }]*/
    
    function nop() { return; }
    
    if (foo) { bar(); }
    
    if (foo) { bar(); }
    else { baz(); }
    
    try { somethingRisky(); }
    catch(e) { handleError(); }

    allman

    Examples of incorrect code for this rule with the "allman" option:

    /*eslint brace-style: ["error", "allman"]*/
    
    function foo() {
      return true;
    }
    
    if (foo)
    {
      bar(); }
    
    try
    {
      somethingRisky();
    } catch(e)
    {
      handleError();
    }
    
    if (foo) {
      bar();
    } else {
      baz();
    }

    Examples of correct code for this rule with the "allman" option:

    /*eslint brace-style: ["error", "allman"]*/
    
    function foo()
    {
      return true;
    }
    
    if (foo)
    {
      bar();
    }
    
    if (foo)
    {
      bar();
    }
    else
    {
      baz();
    }
    
    try
    {
      somethingRisky();
    }
    catch(e)
    {
      handleError();
    }
    
    // when there are no braces, there are no problems
    if (foo) bar();
    else if (baz) boom();

    Examples of correct code for this rule with the "allman", { "allowSingleLine": true } options:

    /*eslint brace-style: ["error", "allman", { "allowSingleLine": true }]*/
    
    function nop() { return; }
    
    if (foo) { bar(); }
    
    if (foo) { bar(); }
    else { baz(); }
    
    try { somethingRisky(); }
    catch(e) { handleError(); }

    When Not To Use It

    If you don't want to enforce a particular brace style, don't enable this rule.

    Further Reading

    Expected indentation of 8 spaces but found 10.
    Open

              globPath: files.htmlPath + '/**/*',
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    'fileJs' is never reassigned. Use 'const' instead.
    Open

            fileJs    = getEntry({
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    Unexpected string concatenation.
    Open

              globPath: files.viewPath + '/**/*.?(js|jsx)',
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using template literals instead of string concatenation. (prefer-template)

    In ES2015 (ES6), we can use template literals instead of string concatenation.

    var str = "Hello, " + name + "!";
    /*eslint-env es6*/
    
    var str = `Hello, ${name}!`;

    Rule Details

    This rule is aimed to flag usage of + operators with strings.

    Examples

    Examples of incorrect code for this rule:

    /*eslint prefer-template: "error"*/
    
    var str = "Hello, " + name + "!";
    var str = "Time: " + (12 * 60 * 60 * 1000);

    Examples of correct code for this rule:

    /*eslint prefer-template: "error"*/
    /*eslint-env es6*/
    
    var str = "Hello World!";
    var str = `Hello, ${name}!`;
    var str = `Time: ${12 * 60 * 60 * 1000}`;
    
    // This is reported by `no-useless-concat`.
    var str = "Hello, " + "World!";

    When Not To Use It

    This rule should not be used in ES3/5 environments.

    In ES2015 (ES6) or later, if you don't want to be notified about string concatenation, you can safely disable this rule.

    Related Rules

    Missing semicolon.
    Open

            )
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    require or disallow semicolons instead of ASI (semi)

    JavaScript is unique amongst the C-like languages in that it doesn't require semicolons at the end of each statement. In many cases, the JavaScript engine can determine that a semicolon should be in a certain spot and will automatically add it. This feature is known as automatic semicolon insertion (ASI) and is considered one of the more controversial features of JavaScript. For example, the following lines are both valid:

    var name = "ESLint"
    var website = "eslint.org";

    On the first line, the JavaScript engine will automatically insert a semicolon, so this is not considered a syntax error. The JavaScript engine still knows how to interpret the line and knows that the line end indicates the end of the statement.

    In the debate over ASI, there are generally two schools of thought. The first is that we should treat ASI as if it didn't exist and always include semicolons manually. The rationale is that it's easier to always include semicolons than to try to remember when they are or are not required, and thus decreases the possibility of introducing an error.

    However, the ASI mechanism can sometimes be tricky to people who are using semicolons. For example, consider this code:

    return
    {
        name: "ESLint"
    };

    This may look like a return statement that returns an object literal, however, the JavaScript engine will interpret this code as:

    return;
    {
        name: "ESLint";
    }

    Effectively, a semicolon is inserted after the return statement, causing the code below it (a labeled literal inside a block) to be unreachable. This rule and the [no-unreachable](no-unreachable.md) rule will protect your code from such cases.

    On the other side of the argument are those who says that since semicolons are inserted automatically, they are optional and do not need to be inserted manually. However, the ASI mechanism can also be tricky to people who don't use semicolons. For example, consider this code:

    var globalCounter = { }
    
    (function () {
        var n = 0
        globalCounter.increment = function () {
            return ++n
        }
    })()

    In this example, a semicolon will not be inserted after the first line, causing a run-time error (because an empty object is called as if it's a function). The [no-unexpected-multiline](no-unexpected-multiline.md) rule can protect your code from such cases.

    Although ASI allows for more freedom over your coding style, it can also make your code behave in an unexpected way, whether you use semicolons or not. Therefore, it is best to know when ASI takes place and when it does not, and have ESLint protect your code from these potentially unexpected cases. In short, as once described by Isaac Schlueter, a \n character always ends a statement (just like a semicolon) unless one of the following is true:

    1. The statement has an unclosed paren, array literal, or object literal or ends in some other way that is not a valid way to end a statement. (For instance, ending with . or ,.)
    2. The line is -- or ++ (in which case it will decrement/increment the next token.)
    3. It is a for(), while(), do, if(), or else, and there is no {
    4. The next line starts with [, (, +, *, /, -, ,, ., or some other binary operator that can only be found between two tokens in a single expression.

    Rule Details

    This rule enforces consistent use of semicolons.

    Options

    This rule has two options, a string option and an object option.

    String option:

    • "always" (default) requires semicolons at the end of statements
    • "never" disallows semicolons as the end of statements (except to disambiguate statements beginning with [, (, /, +, or -)

    Object option:

    • "omitLastInOneLineBlock": true ignores the last semicolon in a block in which its braces (and therefore the content of the block) are in the same line

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint semi: ["error", "always"]*/
    
    var name = "ESLint"
    
    object.method = function() {
        // ...
    }

    Examples of correct code for this rule with the default "always" option:

    /*eslint semi: "error"*/
    
    var name = "ESLint";
    
    object.method = function() {
        // ...
    };

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint semi: ["error", "never"]*/
    
    var name = "ESLint";
    
    object.method = function() {
        // ...
    };

    Examples of correct code for this rule with the "never" option:

    /*eslint semi: ["error", "never"]*/
    
    var name = "ESLint"
    
    object.method = function() {
        // ...
    }
    
    var name = "ESLint"
    
    ;(function() {
        // ...
    })()

    omitLastInOneLineBlock

    Examples of additional correct code for this rule with the "always", { "omitLastInOneLineBlock": true } options:

    /*eslint semi: ["error", "always", { "omitLastInOneLineBlock": true}] */
    
    if (foo) { bar() }
    
    if (foo) { bar(); baz() }

    When Not To Use It

    If you do not want to enforce semicolon usage (or omission) in any particular way, then you can turn this rule off.

    Further Reading

    Related Rules

    • [no-extra-semi](no-extra-semi.md)
    • [no-unexpected-multiline](no-unexpected-multiline.md)
    • [semi-spacing](semi-spacing.md) Source: http://eslint.org/docs/rules/

    Expected exception block, space or tab after '//' in comment.
    Open

            template: path.resolve(htmlPath, pathname + '.' + viewType), //html模板路径
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Requires or disallows a whitespace (space or tab) beginning a comment (spaced-comment)

    Some style guides require or disallow a whitespace immediately after the initial // or /* of a comment. Whitespace after the // or /* makes it easier to read text in comments. On the other hand, commenting out code is easier without having to put a whitespace right after the // or /*.

    Rule Details

    This rule will enforce consistency of spacing after the start of a comment // or /*. It also provides several exceptions for various documentation styles.

    Options

    The rule takes two options.

    • The first is a string which be either "always" or "never". The default is "always".

      • If "always" then the // or /* must be followed by at least one whitespace.
      • If "never" then there should be no whitespace following.
    • This rule can also take a 2nd option, an object with any of the following keys: "exceptions" and "markers".

      • The "exceptions" value is an array of string patterns which are considered exceptions to the rule. Please note that exceptions are ignored if the first argument is "never".
      "spaced-comment": ["error", "always", { "exceptions": ["-", "+"] }]
      • The "markers" value is an array of string patterns which are considered markers for docblock-style comments, such as an additional /, used to denote documentation read by doxygen, vsdoc, etc. which must have additional characters. The "markers" array will apply regardless of the value of the first argument, e.g. "always" or "never".
      "spaced-comment": ["error", "always", { "markers": ["/"] }]

    The difference between a marker and an exception is that a marker only appears at the beginning of the comment whereas exceptions can occur anywhere in the comment string.

    You can also define separate exceptions and markers for block and line comments. The "block" object can have an additional key "balanced", a boolean that specifies if inline block comments should have balanced spacing. The default value is false.

    • If "balanced": true and "always" then the /* must be followed by at least one whitespace, and the */ must be preceded by at least one whitespace.

    • If "balanced": true and "never" then there should be no whitespace following /* or preceding */.

    • If "balanced": false then balanced whitespace is not enforced.

    "spaced-comment": ["error", "always", {
        "line": {
            "markers": ["/"],
            "exceptions": ["-", "+"]
        },
        "block": {
            "markers": ["!"],
            "exceptions": ["*"],
            "balanced": true
        }
    }]

    always

    Examples of incorrect code for this rule with the "always" option:

    /*eslint spaced-comment: ["error", "always"]*/
    
    //This is a comment with no whitespace at the beginning
    
    /*This is a comment with no whitespace at the beginning */
    /* eslint spaced-comment: ["error", "always", { "block": { "balanced": true } }] */
    /* This is a comment with whitespace at the beginning but not the end*/

    Examples of correct code for this rule with the "always" option:

    /* eslint spaced-comment: ["error", "always"] */
    
    // This is a comment with a whitespace at the beginning
    
    /* This is a comment with a whitespace at the beginning */
    
    /*
     * This is a comment with a whitespace at the beginning
     */
    
    /*
    This comment has a newline
    */
    /* eslint spaced-comment: ["error", "always"] */
    
    /**
    * I am jsdoc
    */

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint spaced-comment: ["error", "never"]*/
    
    // This is a comment with a whitespace at the beginning
    
    /* This is a comment with a whitespace at the beginning */
    
    /* \nThis is a comment with a whitespace at the beginning */
    /*eslint spaced-comment: ["error", "never", { "block": { "balanced": true } }]*/
    /*This is a comment with whitespace at the end */

    Examples of correct code for this rule with the "never" option:

    /*eslint spaced-comment: ["error", "never"]*/
    
    /*This is a comment with no whitespace at the beginning */
    /*eslint spaced-comment: ["error", "never"]*/
    
    /**
    * I am jsdoc
    */

    exceptions

    Examples of incorrect code for this rule with the "always" option combined with "exceptions":

    /* eslint spaced-comment: ["error", "always", { "block": { "exceptions": ["-"] } }] */
    
    //--------------
    // Comment block
    //--------------
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-", "+"] }] */
    
    //------++++++++
    // Comment block
    //------++++++++
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-", "+"] }] */
    
    /*------++++++++*/
    /* Comment block */
    /*------++++++++*/
    /* eslint spaced-comment: ["error", "always", { "line": { "exceptions": ["-+"] } }] */
    
    /*-+-+-+-+-+-+-+*/
    // Comment block
    /*-+-+-+-+-+-+-+*/

    Examples of correct code for this rule with the "always" option combined with "exceptions":

    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-"] }] */
    
    //--------------
    // Comment block
    //--------------
    /* eslint spaced-comment: ["error", "always", { "line": { "exceptions": ["-"] } }] */
    
    //--------------
    // Comment block
    //--------------
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["*"] }] */
    
    /****************
     * Comment block
     ****************/
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-+"] }] */
    
    //-+-+-+-+-+-+-+
    // Comment block
    //-+-+-+-+-+-+-+
    
    /*-+-+-+-+-+-+-+*/
    // Comment block
    /*-+-+-+-+-+-+-+*/
    /* eslint spaced-comment: ["error", "always", { "block": { "exceptions": ["-+"] } }] */
    
    /*-+-+-+-+-+-+-+*/
    // Comment block
    /*-+-+-+-+-+-+-+*/

    markers

    Examples of incorrect code for this rule with the "always" option combined with "markers":

    /* eslint spaced-comment: ["error", "always", { "markers": ["/"] }] */
    
    ///This is a comment with a marker but without whitespace
    /*eslint spaced-comment: ["error", "always", { "block": { "markers": ["!"], "balanced": true } }]*/
    /*! This is a comment with a marker but without whitespace at the end*/
    /*eslint spaced-comment: ["error", "never", { "block": { "markers": ["!"], "balanced": true } }]*/
    /*!This is a comment with a marker but with whitespace at the end */

    Examples of correct code for this rule with the "always" option combined with "markers":

    /* eslint spaced-comment: ["error", "always", { "markers": ["/"] }] */
    
    /// This is a comment with a marker
    /*eslint spaced-comment: ["error", "never", { "markers": ["!<"] }]*/
    
    //!<this is a line comment with marker block subsequent lines are ignored></this>
    /* eslint spaced-comment: ["error", "always", { "markers": ["global"] }] */
    
    /*global ABC*/

    Related Rules

    Split 'let' declarations into multiple statements.
    Open

            let index = {}, i = 1,
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce variables to be declared either together or separately in functions (one-var)

    Variables can be declared at any point in JavaScript code using var, let, or const. There are many styles and preferences related to the declaration of variables, and one of those is deciding on how many variable declarations should be allowed in a single function.

    There are two schools of thought in this regard:

    1. There should be just one variable declaration for all variables in the function. That declaration typically appears at the top of the function.
    2. You should use one variable declaration for each variable you want to define.

    For instance:

    // one variable declaration per function
    function foo() {
        var bar, baz;
    }
    
    // multiple variable declarations per function
    function foo() {
        var bar;
        var baz;
    }

    The single-declaration school of thought is based in pre-ECMAScript 6 behaviors, where there was no such thing as block scope, only function scope. Since all var statements are hoisted to the top of the function anyway, some believe that declaring all variables in a single declaration at the top of the function removes confusion around scoping rules.

    Rule Details

    This rule enforces variables to be declared either together or separately per function ( for var) or block (for let and const) scope.

    Options

    This rule has one option, which can be a string option or an object option.

    String option:

    • "always" (default) requires one variable declaration per scope
    • "never" requires multiple variable declarations per scope

    Object option:

    • "var": "always" requires one var declaration per function
    • "var": "never" requires multiple var declarations per function
    • "let": "always" requires one let declaration per block
    • "let": "never" requires multiple let declarations per block
    • "const": "always" requires one const declaration per block
    • "const": "never" requires multiple const declarations per block

    Alternate object option:

    • "initialized": "always" requires one variable declaration for initialized variables per scope
    • "initialized": "never" requires multiple variable declarations for initialized variables per scope
    • "uninitialized": "always" requires one variable declaration for uninitialized variables per scope
    • "uninitialized": "never" requires multiple variable declarations for uninitialized variables per scope

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint one-var: ["error", "always"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
        let qux;
        let norf;
    }
    
    function foo(){
        const bar = false;
        const baz = true;
        let qux;
        let norf;
    }
    
    function foo() {
        var bar;
    
        if (baz) {
            var qux = true;
        }
    }

    Examples of correct code for this rule with the default "always" option:

    /*eslint one-var: ["error", "always"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        let qux,
            norf;
    }
    
    function foo(){
        const bar = true,
            baz = false;
        let qux,
            norf;
    }
    
    function foo() {
        var bar,
            qux;
    
        if (baz) {
            qux = true;
        }
    }
    
    function foo(){
        let bar;
    
        if (baz) {
            let qux;
        }
    }

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint one-var: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        const bar = true,
            baz = false;
    }
    
    function foo() {
        var bar,
            qux;
    
        if (baz) {
            qux = true;
        }
    }
    
    function foo(){
        let bar = true,
            baz = false;
    }

    Examples of correct code for this rule with the "never" option:

    /*eslint one-var: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
    }
    
    function foo() {
        var bar;
    
        if (baz) {
            var qux = true;
        }
    }
    
    function foo() {
        let bar;
    
        if (baz) {
            let qux = true;
        }
    }

    var, let, and const

    Examples of incorrect code for this rule with the { var: "always", let: "never", const: "never" } option:

    /*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
        let qux,
            norf;
    }
    
    function foo() {
        const bar = 1,
              baz = 2;
        let qux,
            norf;
    }

    Examples of correct code for this rule with the { var: "always", let: "never", const: "never" } option:

    /*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        let qux;
        let norf;
    }
    
    function foo() {
        const bar = 1;
        const baz = 2;
        let qux;
        let norf;
    }

    Examples of incorrect code for this rule with the { var: "never" } option:

    /*eslint one-var: ["error", { var: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
    }

    Examples of correct code for this rule with the { var: "never" } option:

    /*eslint one-var: ["error", { var: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        const bar = 1; // `const` and `let` declarations are ignored if they are not specified
        const baz = 2;
        let qux;
        let norf;
    }

    initialized and uninitialized

    Examples of incorrect code for this rule with the { "initialized": "always", "uninitialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "always", "uninitialized": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var a, b, c;
        var foo = true;
        var bar = false;
    }

    Examples of correct code for this rule with the { "initialized": "always", "uninitialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "always", "uninitialized": "never" }]*/
    
    function foo() {
        var a;
        var b;
        var c;
        var foo = true,
            bar = false;
    }
    
    for (let z of foo) {
        doSomething(z);
    }
    
    let z;
    for (z of foo) {
        doSomething(z);
    }

    Examples of incorrect code for this rule with the { "initialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var foo = true,
            bar = false;
    }

    Examples of correct code for this rule with the { "initialized": "never" } option:

    /*eslint one-var: ["error", { initialized: "never" }]*/
    
    function foo() {
        var foo = true;
        var bar = false;
        var a, b, c; // Uninitialized variables are ignored
    }

    Compatibility

    Expected indentation of 2 spaces but found 6.
    Open

          glob              = require('glob'),
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    'entries' is never reassigned. Use 'const' instead.
    Open

          let entries = {},
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    Expected indentation of 8 spaces but found 10.
    Open

              pathDir: files.htmlPath + '/'
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Unexpected string concatenation.
    Open

              pathDir: files.viewPath + '/'
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using template literals instead of string concatenation. (prefer-template)

    In ES2015 (ES6), we can use template literals instead of string concatenation.

    var str = "Hello, " + name + "!";
    /*eslint-env es6*/
    
    var str = `Hello, ${name}!`;

    Rule Details

    This rule is aimed to flag usage of + operators with strings.

    Examples

    Examples of incorrect code for this rule:

    /*eslint prefer-template: "error"*/
    
    var str = "Hello, " + name + "!";
    var str = "Time: " + (12 * 60 * 60 * 1000);

    Examples of correct code for this rule:

    /*eslint prefer-template: "error"*/
    /*eslint-env es6*/
    
    var str = "Hello World!";
    var str = `Hello, ${name}!`;
    var str = `Time: ${12 * 60 * 60 * 1000}`;
    
    // This is reported by `no-useless-concat`.
    var str = "Hello, " + "World!";

    When Not To Use It

    This rule should not be used in ES3/5 environments.

    In ES2015 (ES6) or later, if you don't want to be notified about string concatenation, you can safely disable this rule.

    Related Rules

    Closing curly brace does not appear on the same line as the subsequent block.
    Open

          }
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Require Brace Style (brace-style)

    Brace style is closely related to indent style in programming and describes the placement of braces relative to their control statement and body. There are probably a dozen, if not more, brace styles in the world.

    The one true brace style is one of the most common brace styles in JavaScript, in which the opening brace of a block is placed on the same line as its corresponding statement or declaration. For example:

    if (foo) {
      bar();
    } else {
      baz();
    }

    One common variant of one true brace style is called Stroustrup, in which the else statements in an if-else construct, as well as catch and finally, must be on its own line after the preceding closing brace. For example:

    if (foo) {
      bar();
    }
    else {
      baz();
    }

    Another style is called Allman, in which all the braces are expected to be on their own lines without any extra indentation. For example:

    if (foo)
    {
      bar();
    }
    else
    {
      baz();
    }

    While no style is considered better than the other, most developers agree that having a consistent style throughout a project is important for its long-term maintainability.

    Rule Details

    This rule enforces consistent brace style for blocks.

    Options

    This rule has a string option:

    • "1tbs" (default) enforces one true brace style
    • "stroustrup" enforces Stroustrup style
    • "allman" enforces Allman style

    This rule has an object option for an exception:

    • "allowSingleLine": true (default false) allows the opening and closing braces for a block to be on the same line

    1tbs

    Examples of incorrect code for this rule with the default "1tbs" option:

    /*eslint brace-style: "error"*/
    
    function foo()
    {
      return true;
    }
    
    if (foo)
    {
      bar();
    }
    
    try
    {
      somethingRisky();
    } catch(e)
    {
      handleError();
    }
    
    if (foo) {
      bar();
    }
    else {
      baz();
    }

    Examples of correct code for this rule with the default "1tbs" option:

    /*eslint brace-style: "error"*/
    
    function foo() {
      return true;
    }
    
    if (foo) {
      bar();
    }
    
    if (foo) {
      bar();
    } else {
      baz();
    }
    
    try {
      somethingRisky();
    } catch(e) {
      handleError();
    }
    
    // when there are no braces, there are no problems
    if (foo) bar();
    else if (baz) boom();

    Examples of correct code for this rule with the "1tbs", { "allowSingleLine": true } options:

    /*eslint brace-style: ["error", "1tbs", { "allowSingleLine": true }]*/
    
    function nop() { return; }
    
    if (foo) { bar(); }
    
    if (foo) { bar(); } else { baz(); }
    
    try { somethingRisky(); } catch(e) { handleError(); }

    stroustrup

    Examples of incorrect code for this rule with the "stroustrup" option:

    /*eslint brace-style: ["error", "stroustrup"]*/
    
    function foo()
    {
      return true;
    }
    
    if (foo)
    {
      bar();
    }
    
    try
    {
      somethingRisky();
    } catch(e)
    {
      handleError();
    }
    
    if (foo) {
      bar();
    } else {
      baz();
    }

    Examples of correct code for this rule with the "stroustrup" option:

    /*eslint brace-style: ["error", "stroustrup"]*/
    
    function foo() {
      return true;
    }
    
    if (foo) {
      bar();
    }
    
    if (foo) {
      bar();
    }
    else {
      baz();
    }
    
    try {
      somethingRisky();
    }
    catch(e) {
      handleError();
    }
    
    // when there are no braces, there are no problems
    if (foo) bar();
    else if (baz) boom();

    Examples of correct code for this rule with the "stroustrup", { "allowSingleLine": true } options:

    /*eslint brace-style: ["error", "stroustrup", { "allowSingleLine": true }]*/
    
    function nop() { return; }
    
    if (foo) { bar(); }
    
    if (foo) { bar(); }
    else { baz(); }
    
    try { somethingRisky(); }
    catch(e) { handleError(); }

    allman

    Examples of incorrect code for this rule with the "allman" option:

    /*eslint brace-style: ["error", "allman"]*/
    
    function foo() {
      return true;
    }
    
    if (foo)
    {
      bar(); }
    
    try
    {
      somethingRisky();
    } catch(e)
    {
      handleError();
    }
    
    if (foo) {
      bar();
    } else {
      baz();
    }

    Examples of correct code for this rule with the "allman" option:

    /*eslint brace-style: ["error", "allman"]*/
    
    function foo()
    {
      return true;
    }
    
    if (foo)
    {
      bar();
    }
    
    if (foo)
    {
      bar();
    }
    else
    {
      baz();
    }
    
    try
    {
      somethingRisky();
    }
    catch(e)
    {
      handleError();
    }
    
    // when there are no braces, there are no problems
    if (foo) bar();
    else if (baz) boom();

    Examples of correct code for this rule with the "allman", { "allowSingleLine": true } options:

    /*eslint brace-style: ["error", "allman", { "allowSingleLine": true }]*/
    
    function nop() { return; }
    
    if (foo) { bar(); }
    
    if (foo) { bar(); }
    else { baz(); }
    
    try { somethingRisky(); }
    catch(e) { handleError(); }

    When Not To Use It

    If you don't want to enforce a particular brace style, don't enable this rule.

    Further Reading

    Closing curly brace does not appear on the same line as the subsequent block.
    Open

            }
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Require Brace Style (brace-style)

    Brace style is closely related to indent style in programming and describes the placement of braces relative to their control statement and body. There are probably a dozen, if not more, brace styles in the world.

    The one true brace style is one of the most common brace styles in JavaScript, in which the opening brace of a block is placed on the same line as its corresponding statement or declaration. For example:

    if (foo) {
      bar();
    } else {
      baz();
    }

    One common variant of one true brace style is called Stroustrup, in which the else statements in an if-else construct, as well as catch and finally, must be on its own line after the preceding closing brace. For example:

    if (foo) {
      bar();
    }
    else {
      baz();
    }

    Another style is called Allman, in which all the braces are expected to be on their own lines without any extra indentation. For example:

    if (foo)
    {
      bar();
    }
    else
    {
      baz();
    }

    While no style is considered better than the other, most developers agree that having a consistent style throughout a project is important for its long-term maintainability.

    Rule Details

    This rule enforces consistent brace style for blocks.

    Options

    This rule has a string option:

    • "1tbs" (default) enforces one true brace style
    • "stroustrup" enforces Stroustrup style
    • "allman" enforces Allman style

    This rule has an object option for an exception:

    • "allowSingleLine": true (default false) allows the opening and closing braces for a block to be on the same line

    1tbs

    Examples of incorrect code for this rule with the default "1tbs" option:

    /*eslint brace-style: "error"*/
    
    function foo()
    {
      return true;
    }
    
    if (foo)
    {
      bar();
    }
    
    try
    {
      somethingRisky();
    } catch(e)
    {
      handleError();
    }
    
    if (foo) {
      bar();
    }
    else {
      baz();
    }

    Examples of correct code for this rule with the default "1tbs" option:

    /*eslint brace-style: "error"*/
    
    function foo() {
      return true;
    }
    
    if (foo) {
      bar();
    }
    
    if (foo) {
      bar();
    } else {
      baz();
    }
    
    try {
      somethingRisky();
    } catch(e) {
      handleError();
    }
    
    // when there are no braces, there are no problems
    if (foo) bar();
    else if (baz) boom();

    Examples of correct code for this rule with the "1tbs", { "allowSingleLine": true } options:

    /*eslint brace-style: ["error", "1tbs", { "allowSingleLine": true }]*/
    
    function nop() { return; }
    
    if (foo) { bar(); }
    
    if (foo) { bar(); } else { baz(); }
    
    try { somethingRisky(); } catch(e) { handleError(); }

    stroustrup

    Examples of incorrect code for this rule with the "stroustrup" option:

    /*eslint brace-style: ["error", "stroustrup"]*/
    
    function foo()
    {
      return true;
    }
    
    if (foo)
    {
      bar();
    }
    
    try
    {
      somethingRisky();
    } catch(e)
    {
      handleError();
    }
    
    if (foo) {
      bar();
    } else {
      baz();
    }

    Examples of correct code for this rule with the "stroustrup" option:

    /*eslint brace-style: ["error", "stroustrup"]*/
    
    function foo() {
      return true;
    }
    
    if (foo) {
      bar();
    }
    
    if (foo) {
      bar();
    }
    else {
      baz();
    }
    
    try {
      somethingRisky();
    }
    catch(e) {
      handleError();
    }
    
    // when there are no braces, there are no problems
    if (foo) bar();
    else if (baz) boom();

    Examples of correct code for this rule with the "stroustrup", { "allowSingleLine": true } options:

    /*eslint brace-style: ["error", "stroustrup", { "allowSingleLine": true }]*/
    
    function nop() { return; }
    
    if (foo) { bar(); }
    
    if (foo) { bar(); }
    else { baz(); }
    
    try { somethingRisky(); }
    catch(e) { handleError(); }

    allman

    Examples of incorrect code for this rule with the "allman" option:

    /*eslint brace-style: ["error", "allman"]*/
    
    function foo() {
      return true;
    }
    
    if (foo)
    {
      bar(); }
    
    try
    {
      somethingRisky();
    } catch(e)
    {
      handleError();
    }
    
    if (foo) {
      bar();
    } else {
      baz();
    }

    Examples of correct code for this rule with the "allman" option:

    /*eslint brace-style: ["error", "allman"]*/
    
    function foo()
    {
      return true;
    }
    
    if (foo)
    {
      bar();
    }
    
    if (foo)
    {
      bar();
    }
    else
    {
      baz();
    }
    
    try
    {
      somethingRisky();
    }
    catch(e)
    {
      handleError();
    }
    
    // when there are no braces, there are no problems
    if (foo) bar();
    else if (baz) boom();

    Examples of correct code for this rule with the "allman", { "allowSingleLine": true } options:

    /*eslint brace-style: ["error", "allman", { "allowSingleLine": true }]*/
    
    function nop() { return; }
    
    if (foo) { bar(); }
    
    if (foo) { bar(); }
    else { baz(); }
    
    try { somethingRisky(); }
    catch(e) { handleError(); }

    When Not To Use It

    If you don't want to enforce a particular brace style, don't enable this rule.

    Further Reading

    Expected indentation of 6 spaces but found 8.
    Open

            }, VIEWS)),
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Expected indentation of 2 spaces but found 6.
    Open

          ExtractTextPlugin = require('extract-text-webpack-plugin');
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Expected indentation of 8 spaces but found 10.
    Open

              files   = glob.sync(option.globPath);
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Expected indentation of 8 spaces but found 10.
    Open

              baseName, // 文件名
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    'cssBundle' is never reassigned. Use 'const' instead.
    Open

            cssBundle = debug ? `${files.cssName}/[name].css` : `${files.cssName}/[name].[contenthash:8].css`;
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    Unnecessarily quoted property 'fileCss' found.
    Open

          'fileCss': fileCss,
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    require quotes around object literal property names (quote-props)

    Object literal property names can be defined in two ways: using literals or using strings. For example, these two objects are equivalent:

    var object1 = {
        property: true
    };
    
    var object2 = {
        "property": true
    };

    In many cases, it doesn't matter if you choose to use an identifier instead of a string or vice-versa. Even so, you might decide to enforce a consistent style in your code.

    There are, however, some occasions when you must use quotes:

    1. If you are using an ECMAScript 3 JavaScript engine (such as IE8) and you want to use a keyword (such as if) as a property name. This restriction was removed in ECMAScript 5.
    2. You want to use a non-identifier character in your property name, such as having a property with a space like "one two".

    Another example where quotes do matter is when using numeric literals as property keys:

    var object = {
        1e2: 1,
        100: 2
    };

    This may look alright at first sight, but this code in fact throws a syntax error in ECMAScript 5 strict mode. This happens because 1e2 and 100 are coerced into strings before getting used as the property name. Both String(1e2) and String(100) happen to be equal to "100", which causes the "Duplicate data property in object literal not allowed in strict mode" error. Issues like that can be tricky to debug, so some prefer to require quotes around all property names.

    Rule Details

    This rule requires quotes around object literal property names.

    Options

    This rule has two options, a string option and an object option.

    String option:

    • "always" (default) requires quotes around all object literal property names
    • "as-needed" disallows quotes around object literal property names that are not strictly required
    • "consistent" enforces a consistent quote style requires quotes around object literal property names
    • "consistent-as-needed" requires quotes around all object literal property names if any name strictly requires quotes, otherwise disallows quotes around object property names

    Object option:

    • "keywords": true requires quotes around language keywords used as object property names (only applies when using as-needed or consistent-as-needed)
    • "unnecessary": true (default) disallows quotes around object literal property names that are not strictly required (only applies when using as-needed)
    • "unnecessary": false allows quotes around object literal property names that are not strictly required (only applies when using as-needed)
    • "numbers": true requires quotes around numbers used as object property names (only applies when using as-needed)

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint quote-props: ["error", "always"]*/
    
    var object = {
        foo: "bar",
        baz: 42,
        "qux-lorem": true
    };

    Examples of correct code for this rule with the default "always" option:

    /*eslint quote-props: ["error", "always"]*/
    /*eslint-env es6*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42,
        'qux-lorem': true
    };
    
    var object3 = {
        foo() {
            return;
        }
    };

    as-needed

    Examples of incorrect code for this rule with the "as-needed" option:

    /*eslint quote-props: ["error", "as-needed"]*/
    
    var object = {
        "a": 0,
        "0": 0,
        "true": 0,
        "null": 0
    };

    Examples of correct code for this rule with the "as-needed" option:

    /*eslint quote-props: ["error", "as-needed"]*/
    /*eslint-env es6*/
    
    var object1 = {
        "a-b": 0,
        "0x0": 0,
        "1e2": 0
    };
    
    var object2 = {
        foo: 'bar',
        baz: 42,
        true: 0,
        0: 0,
        'qux-lorem': true
    };
    
    var object3 = {
        foo() {
            return;
        }
    };

    consistent

    Examples of incorrect code for this rule with the "consistent" option:

    /*eslint quote-props: ["error", "consistent"]*/
    
    var object1 = {
        foo: "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        baz: 42
    };

    Examples of correct code for this rule with the "consistent" option:

    /*eslint quote-props: ["error", "consistent"]*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42
    };
    
    var object3 = {
        foo: 'bar',
        baz: 42
    };

    consistent-as-needed

    Examples of incorrect code for this rule with the "consistent-as-needed" option:

    /*eslint quote-props: ["error", "consistent-as-needed"]*/
    
    var object1 = {
        foo: "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42
    };

    Examples of correct code for this rule with the "consistent-as-needed" option:

    /*eslint quote-props: ["error", "consistent-as-needed"]*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        foo: 'bar',
        baz: 42
    };

    keywords

    Examples of additional incorrect code for this rule with the "as-needed", { "keywords": true } options:

    /*eslint quote-props: ["error", "as-needed", { "keywords": true }]*/
    
    var x = {
        while: 1,
        volatile: "foo"
    };

    Examples of additional incorrect code for this rule with the "consistent-as-needed", { "keywords": true } options:

    /*eslint quote-props: ["error", "consistent-as-needed", { "keywords": true }]*/
    
    var x = {
        "prop": 1,
        "bar": "foo"
    };

    unnecessary

    Examples of additional correct code for this rule with the "as-needed", { "unnecessary": false } options:

    /*eslint quote-props: ["error", "as-needed", { "keywords": true, "unnecessary": false }]*/
    
    var x = {
        "while": 1,
        "foo": "bar"  // Would normally have caused a warning
    };

    numbers

    Examples of additional incorrect code for this rule with the "as-needed", { "numbers": true } options:

    /*eslint quote-props: ["error", "as-needed", { "numbers": true }]*/
    
    var x = {
        100: 1
    }

    When Not To Use It

    If you don't care if property names are consistently wrapped in quotes or not, and you don't target legacy ES3 environments, turn this rule off.

    Further Reading

    Expected indentation of 6 spaces but found 8.
    Open

            fileJs    = getEntry({
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Unnecessarily quoted property 'fileJs' found.
    Open

          'fileJs': fileJs,
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    require quotes around object literal property names (quote-props)

    Object literal property names can be defined in two ways: using literals or using strings. For example, these two objects are equivalent:

    var object1 = {
        property: true
    };
    
    var object2 = {
        "property": true
    };

    In many cases, it doesn't matter if you choose to use an identifier instead of a string or vice-versa. Even so, you might decide to enforce a consistent style in your code.

    There are, however, some occasions when you must use quotes:

    1. If you are using an ECMAScript 3 JavaScript engine (such as IE8) and you want to use a keyword (such as if) as a property name. This restriction was removed in ECMAScript 5.
    2. You want to use a non-identifier character in your property name, such as having a property with a space like "one two".

    Another example where quotes do matter is when using numeric literals as property keys:

    var object = {
        1e2: 1,
        100: 2
    };

    This may look alright at first sight, but this code in fact throws a syntax error in ECMAScript 5 strict mode. This happens because 1e2 and 100 are coerced into strings before getting used as the property name. Both String(1e2) and String(100) happen to be equal to "100", which causes the "Duplicate data property in object literal not allowed in strict mode" error. Issues like that can be tricky to debug, so some prefer to require quotes around all property names.

    Rule Details

    This rule requires quotes around object literal property names.

    Options

    This rule has two options, a string option and an object option.

    String option:

    • "always" (default) requires quotes around all object literal property names
    • "as-needed" disallows quotes around object literal property names that are not strictly required
    • "consistent" enforces a consistent quote style requires quotes around object literal property names
    • "consistent-as-needed" requires quotes around all object literal property names if any name strictly requires quotes, otherwise disallows quotes around object property names

    Object option:

    • "keywords": true requires quotes around language keywords used as object property names (only applies when using as-needed or consistent-as-needed)
    • "unnecessary": true (default) disallows quotes around object literal property names that are not strictly required (only applies when using as-needed)
    • "unnecessary": false allows quotes around object literal property names that are not strictly required (only applies when using as-needed)
    • "numbers": true requires quotes around numbers used as object property names (only applies when using as-needed)

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint quote-props: ["error", "always"]*/
    
    var object = {
        foo: "bar",
        baz: 42,
        "qux-lorem": true
    };

    Examples of correct code for this rule with the default "always" option:

    /*eslint quote-props: ["error", "always"]*/
    /*eslint-env es6*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42,
        'qux-lorem': true
    };
    
    var object3 = {
        foo() {
            return;
        }
    };

    as-needed

    Examples of incorrect code for this rule with the "as-needed" option:

    /*eslint quote-props: ["error", "as-needed"]*/
    
    var object = {
        "a": 0,
        "0": 0,
        "true": 0,
        "null": 0
    };

    Examples of correct code for this rule with the "as-needed" option:

    /*eslint quote-props: ["error", "as-needed"]*/
    /*eslint-env es6*/
    
    var object1 = {
        "a-b": 0,
        "0x0": 0,
        "1e2": 0
    };
    
    var object2 = {
        foo: 'bar',
        baz: 42,
        true: 0,
        0: 0,
        'qux-lorem': true
    };
    
    var object3 = {
        foo() {
            return;
        }
    };

    consistent

    Examples of incorrect code for this rule with the "consistent" option:

    /*eslint quote-props: ["error", "consistent"]*/
    
    var object1 = {
        foo: "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        baz: 42
    };

    Examples of correct code for this rule with the "consistent" option:

    /*eslint quote-props: ["error", "consistent"]*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42
    };
    
    var object3 = {
        foo: 'bar',
        baz: 42
    };

    consistent-as-needed

    Examples of incorrect code for this rule with the "consistent-as-needed" option:

    /*eslint quote-props: ["error", "consistent-as-needed"]*/
    
    var object1 = {
        foo: "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42
    };

    Examples of correct code for this rule with the "consistent-as-needed" option:

    /*eslint quote-props: ["error", "consistent-as-needed"]*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        foo: 'bar',
        baz: 42
    };

    keywords

    Examples of additional incorrect code for this rule with the "as-needed", { "keywords": true } options:

    /*eslint quote-props: ["error", "as-needed", { "keywords": true }]*/
    
    var x = {
        while: 1,
        volatile: "foo"
    };

    Examples of additional incorrect code for this rule with the "consistent-as-needed", { "keywords": true } options:

    /*eslint quote-props: ["error", "consistent-as-needed", { "keywords": true }]*/
    
    var x = {
        "prop": 1,
        "bar": "foo"
    };

    unnecessary

    Examples of additional correct code for this rule with the "as-needed", { "unnecessary": false } options:

    /*eslint quote-props: ["error", "as-needed", { "keywords": true, "unnecessary": false }]*/
    
    var x = {
        "while": 1,
        "foo": "bar"  // Would normally have caused a warning
    };

    numbers

    Examples of additional incorrect code for this rule with the "as-needed", { "numbers": true } options:

    /*eslint quote-props: ["error", "as-needed", { "numbers": true }]*/
    
    var x = {
        100: 1
    }

    When Not To Use It

    If you don't care if property names are consistently wrapped in quotes or not, and you don't target legacy ES3 environments, turn this rule off.

    Further Reading

    Unexpected parentheses around single function argument.
    Open

          Object.keys(config.entry).forEach((e) => {
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Require parens in arrow function arguments (arrow-parens)

    Arrow functions can omit parentheses when they have exactly one parameter. In all other cases the parameter(s) must be wrapped in parentheses. This rule enforces the consistent use of parentheses in arrow functions.

    Rule Details

    This rule enforces parentheses around arrow function parameters regardless of arity. For example:

    /*eslint-env es6*/
    
    // Bad
    a => {}
    
    // Good
    (a) => {}

    Following this style will help you find arrow functions (=>) which may be mistakenly included in a condition when a comparison such as >= was the intent.

    /*eslint-env es6*/
    
    // Bad
    if (a => 2) {
    }
    
    // Good
    if (a >= 2) {
    }

    The rule can also be configured to discourage the use of parens when they are not required:

    /*eslint-env es6*/
    
    // Bad
    (a) => {}
    
    // Good
    a => {}

    Options

    This rule has a string option and an object one.

    String options are:

    • "always" (default) requires parens around arguments in all cases.
    • "as-needed" allows omitting parens when there is only one argument.

    Object properties for variants of the "as-needed" option:

    • "requireForBlockBody": true modifies the as-needed rule in order to require parens if the function body is in an instructions block (surrounded by braces).

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint arrow-parens: ["error", "always"]*/
    /*eslint-env es6*/
    
    a => {};
    a => a;
    a => {'\n'};
    a.then(foo => {});
    a.then(foo => a);
    a(foo => { if (true) {} });

    Examples of correct code for this rule with the default "always" option:

    /*eslint arrow-parens: ["error", "always"]*/
    /*eslint-env es6*/
    
    () => {};
    (a) => {};
    (a) => a;
    (a) => {'\n'}
    a.then((foo) => {});
    a.then((foo) => { if (true) {} });

    If Statements

    One of benefits of this option is that it prevents the incorrect use of arrow functions in conditionals:

    /*eslint-env es6*/
    
    var a = 1;
    var b = 2;
    // ...
    if (a => b) {
     console.log('bigger');
    } else {
     console.log('smaller');
    }
    // outputs 'bigger', not smaller as expected

    The contents of the if statement is an arrow function, not a comparison.

    If the arrow function is intentional, it should be wrapped in parens to remove ambiguity.

    /*eslint-env es6*/
    
    var a = 1;
    var b = 0;
    // ...
    if ((a) => b) {
     console.log('truthy value returned');
    } else {
     console.log('falsey value returned');
    }
    // outputs 'truthy value returned'

    The following is another example of this behavior:

    /*eslint-env es6*/
    
    var a = 1, b = 2, c = 3, d = 4;
    var f = a => b ? c: d;
    // f = ?

    f is an arrow function which takes a as an argument and returns the result of b ? c: d.

    This should be rewritten like so:

    /*eslint-env es6*/
    
    var a = 1, b = 2, c = 3, d = 4;
    var f = (a) => b ? c: d;

    as-needed

    Examples of incorrect code for this rule with the "as-needed" option:

    /*eslint arrow-parens: ["error", "as-needed"]*/
    /*eslint-env es6*/
    
    (a) => {};
    (a) => a;
    (a) => {'\n'};
    a.then((foo) => {});
    a.then((foo) => a);
    a((foo) => { if (true) {} });

    Examples of correct code for this rule with the "as-needed" option:

    /*eslint arrow-parens: ["error", "as-needed"]*/
    /*eslint-env es6*/
    
    () => {};
    a => {};
    a => a;
    a => {'\n'};
    a.then(foo => {});
    a.then(foo => { if (true) {} });
    (a, b, c) => a;
    (a = 10) => a;
    ([a, b]) => a;
    ({a, b}) => a;

    requireForBlockBody

    Examples of incorrect code for the { "requireForBlockBody": true } option:

    /*eslint arrow-parens: [2, "as-needed", { "requireForBlockBody": true }]*/
    /*eslint-env es6*/
    
    (a) => a;
    a => {};
    a => {'\n'};
    a.map((x) => x * x);
    a.map(x => {
      return x * x;
    });
    a.then(foo => {});

    Examples of correct code for the { "requireForBlockBody": true } option:

    /*eslint arrow-parens: [2, "as-needed", { "requireForBlockBody": true }]*/
    /*eslint-env es6*/
    
    (a) => {};
    (a) => {'\n'};
    a => ({});
    () => {};
    a => a;
    a.then((foo) => {});
    a.then((foo) => { if (true) {} });
    a((foo) => { if (true) {} });
    (a, b, c) => a;
    (a = 10) => a;
    ([a, b]) => a;
    ({a, b}) => a;

    Further Reading

    Expected exception block, space or tab after '//' in comment.
    Open

            filename: pathname + '.html', //生成的html存放路径,相对于path
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Requires or disallows a whitespace (space or tab) beginning a comment (spaced-comment)

    Some style guides require or disallow a whitespace immediately after the initial // or /* of a comment. Whitespace after the // or /* makes it easier to read text in comments. On the other hand, commenting out code is easier without having to put a whitespace right after the // or /*.

    Rule Details

    This rule will enforce consistency of spacing after the start of a comment // or /*. It also provides several exceptions for various documentation styles.

    Options

    The rule takes two options.

    • The first is a string which be either "always" or "never". The default is "always".

      • If "always" then the // or /* must be followed by at least one whitespace.
      • If "never" then there should be no whitespace following.
    • This rule can also take a 2nd option, an object with any of the following keys: "exceptions" and "markers".

      • The "exceptions" value is an array of string patterns which are considered exceptions to the rule. Please note that exceptions are ignored if the first argument is "never".
      "spaced-comment": ["error", "always", { "exceptions": ["-", "+"] }]
      • The "markers" value is an array of string patterns which are considered markers for docblock-style comments, such as an additional /, used to denote documentation read by doxygen, vsdoc, etc. which must have additional characters. The "markers" array will apply regardless of the value of the first argument, e.g. "always" or "never".
      "spaced-comment": ["error", "always", { "markers": ["/"] }]

    The difference between a marker and an exception is that a marker only appears at the beginning of the comment whereas exceptions can occur anywhere in the comment string.

    You can also define separate exceptions and markers for block and line comments. The "block" object can have an additional key "balanced", a boolean that specifies if inline block comments should have balanced spacing. The default value is false.

    • If "balanced": true and "always" then the /* must be followed by at least one whitespace, and the */ must be preceded by at least one whitespace.

    • If "balanced": true and "never" then there should be no whitespace following /* or preceding */.

    • If "balanced": false then balanced whitespace is not enforced.

    "spaced-comment": ["error", "always", {
        "line": {
            "markers": ["/"],
            "exceptions": ["-", "+"]
        },
        "block": {
            "markers": ["!"],
            "exceptions": ["*"],
            "balanced": true
        }
    }]

    always

    Examples of incorrect code for this rule with the "always" option:

    /*eslint spaced-comment: ["error", "always"]*/
    
    //This is a comment with no whitespace at the beginning
    
    /*This is a comment with no whitespace at the beginning */
    /* eslint spaced-comment: ["error", "always", { "block": { "balanced": true } }] */
    /* This is a comment with whitespace at the beginning but not the end*/

    Examples of correct code for this rule with the "always" option:

    /* eslint spaced-comment: ["error", "always"] */
    
    // This is a comment with a whitespace at the beginning
    
    /* This is a comment with a whitespace at the beginning */
    
    /*
     * This is a comment with a whitespace at the beginning
     */
    
    /*
    This comment has a newline
    */
    /* eslint spaced-comment: ["error", "always"] */
    
    /**
    * I am jsdoc
    */

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint spaced-comment: ["error", "never"]*/
    
    // This is a comment with a whitespace at the beginning
    
    /* This is a comment with a whitespace at the beginning */
    
    /* \nThis is a comment with a whitespace at the beginning */
    /*eslint spaced-comment: ["error", "never", { "block": { "balanced": true } }]*/
    /*This is a comment with whitespace at the end */

    Examples of correct code for this rule with the "never" option:

    /*eslint spaced-comment: ["error", "never"]*/
    
    /*This is a comment with no whitespace at the beginning */
    /*eslint spaced-comment: ["error", "never"]*/
    
    /**
    * I am jsdoc
    */

    exceptions

    Examples of incorrect code for this rule with the "always" option combined with "exceptions":

    /* eslint spaced-comment: ["error", "always", { "block": { "exceptions": ["-"] } }] */
    
    //--------------
    // Comment block
    //--------------
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-", "+"] }] */
    
    //------++++++++
    // Comment block
    //------++++++++
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-", "+"] }] */
    
    /*------++++++++*/
    /* Comment block */
    /*------++++++++*/
    /* eslint spaced-comment: ["error", "always", { "line": { "exceptions": ["-+"] } }] */
    
    /*-+-+-+-+-+-+-+*/
    // Comment block
    /*-+-+-+-+-+-+-+*/

    Examples of correct code for this rule with the "always" option combined with "exceptions":

    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-"] }] */
    
    //--------------
    // Comment block
    //--------------
    /* eslint spaced-comment: ["error", "always", { "line": { "exceptions": ["-"] } }] */
    
    //--------------
    // Comment block
    //--------------
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["*"] }] */
    
    /****************
     * Comment block
     ****************/
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-+"] }] */
    
    //-+-+-+-+-+-+-+
    // Comment block
    //-+-+-+-+-+-+-+
    
    /*-+-+-+-+-+-+-+*/
    // Comment block
    /*-+-+-+-+-+-+-+*/
    /* eslint spaced-comment: ["error", "always", { "block": { "exceptions": ["-+"] } }] */
    
    /*-+-+-+-+-+-+-+*/
    // Comment block
    /*-+-+-+-+-+-+-+*/

    markers

    Examples of incorrect code for this rule with the "always" option combined with "markers":

    /* eslint spaced-comment: ["error", "always", { "markers": ["/"] }] */
    
    ///This is a comment with a marker but without whitespace
    /*eslint spaced-comment: ["error", "always", { "block": { "markers": ["!"], "balanced": true } }]*/
    /*! This is a comment with a marker but without whitespace at the end*/
    /*eslint spaced-comment: ["error", "never", { "block": { "markers": ["!"], "balanced": true } }]*/
    /*!This is a comment with a marker but with whitespace at the end */

    Examples of correct code for this rule with the "always" option combined with "markers":

    /* eslint spaced-comment: ["error", "always", { "markers": ["/"] }] */
    
    /// This is a comment with a marker
    /*eslint spaced-comment: ["error", "never", { "markers": ["!<"] }]*/
    
    //!<this is a line comment with marker block subsequent lines are ignored></this>
    /* eslint spaced-comment: ["error", "always", { "markers": ["global"] }] */
    
    /*global ABC*/

    Related Rules

    Expected indentation of 2 spaces but found 6.
    Open

          HtmlWebpackPlugin = require('html-webpack-plugin'),
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Expected indentation of 8 spaces but found 10.
    Open

              entry, // 文件完整路径
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Unexpected string concatenation.
    Open

              pathDir: files.viewPath + '/'
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using template literals instead of string concatenation. (prefer-template)

    In ES2015 (ES6), we can use template literals instead of string concatenation.

    var str = "Hello, " + name + "!";
    /*eslint-env es6*/
    
    var str = `Hello, ${name}!`;

    Rule Details

    This rule is aimed to flag usage of + operators with strings.

    Examples

    Examples of incorrect code for this rule:

    /*eslint prefer-template: "error"*/
    
    var str = "Hello, " + name + "!";
    var str = "Time: " + (12 * 60 * 60 * 1000);

    Examples of correct code for this rule:

    /*eslint prefer-template: "error"*/
    /*eslint-env es6*/
    
    var str = "Hello World!";
    var str = `Hello, ${name}!`;
    var str = `Time: ${12 * 60 * 60 * 1000}`;
    
    // This is reported by `no-useless-concat`.
    var str = "Hello, " + "World!";

    When Not To Use It

    This rule should not be used in ES3/5 environments.

    In ES2015 (ES6) or later, if you don't want to be notified about string concatenation, you can safely disable this rule.

    Related Rules

    Unnecessarily quoted property 'jsBundle' found.
    Open

          'jsBundle': jsBundle,
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    require quotes around object literal property names (quote-props)

    Object literal property names can be defined in two ways: using literals or using strings. For example, these two objects are equivalent:

    var object1 = {
        property: true
    };
    
    var object2 = {
        "property": true
    };

    In many cases, it doesn't matter if you choose to use an identifier instead of a string or vice-versa. Even so, you might decide to enforce a consistent style in your code.

    There are, however, some occasions when you must use quotes:

    1. If you are using an ECMAScript 3 JavaScript engine (such as IE8) and you want to use a keyword (such as if) as a property name. This restriction was removed in ECMAScript 5.
    2. You want to use a non-identifier character in your property name, such as having a property with a space like "one two".

    Another example where quotes do matter is when using numeric literals as property keys:

    var object = {
        1e2: 1,
        100: 2
    };

    This may look alright at first sight, but this code in fact throws a syntax error in ECMAScript 5 strict mode. This happens because 1e2 and 100 are coerced into strings before getting used as the property name. Both String(1e2) and String(100) happen to be equal to "100", which causes the "Duplicate data property in object literal not allowed in strict mode" error. Issues like that can be tricky to debug, so some prefer to require quotes around all property names.

    Rule Details

    This rule requires quotes around object literal property names.

    Options

    This rule has two options, a string option and an object option.

    String option:

    • "always" (default) requires quotes around all object literal property names
    • "as-needed" disallows quotes around object literal property names that are not strictly required
    • "consistent" enforces a consistent quote style requires quotes around object literal property names
    • "consistent-as-needed" requires quotes around all object literal property names if any name strictly requires quotes, otherwise disallows quotes around object property names

    Object option:

    • "keywords": true requires quotes around language keywords used as object property names (only applies when using as-needed or consistent-as-needed)
    • "unnecessary": true (default) disallows quotes around object literal property names that are not strictly required (only applies when using as-needed)
    • "unnecessary": false allows quotes around object literal property names that are not strictly required (only applies when using as-needed)
    • "numbers": true requires quotes around numbers used as object property names (only applies when using as-needed)

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint quote-props: ["error", "always"]*/
    
    var object = {
        foo: "bar",
        baz: 42,
        "qux-lorem": true
    };

    Examples of correct code for this rule with the default "always" option:

    /*eslint quote-props: ["error", "always"]*/
    /*eslint-env es6*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42,
        'qux-lorem': true
    };
    
    var object3 = {
        foo() {
            return;
        }
    };

    as-needed

    Examples of incorrect code for this rule with the "as-needed" option:

    /*eslint quote-props: ["error", "as-needed"]*/
    
    var object = {
        "a": 0,
        "0": 0,
        "true": 0,
        "null": 0
    };

    Examples of correct code for this rule with the "as-needed" option:

    /*eslint quote-props: ["error", "as-needed"]*/
    /*eslint-env es6*/
    
    var object1 = {
        "a-b": 0,
        "0x0": 0,
        "1e2": 0
    };
    
    var object2 = {
        foo: 'bar',
        baz: 42,
        true: 0,
        0: 0,
        'qux-lorem': true
    };
    
    var object3 = {
        foo() {
            return;
        }
    };

    consistent

    Examples of incorrect code for this rule with the "consistent" option:

    /*eslint quote-props: ["error", "consistent"]*/
    
    var object1 = {
        foo: "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        baz: 42
    };

    Examples of correct code for this rule with the "consistent" option:

    /*eslint quote-props: ["error", "consistent"]*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42
    };
    
    var object3 = {
        foo: 'bar',
        baz: 42
    };

    consistent-as-needed

    Examples of incorrect code for this rule with the "consistent-as-needed" option:

    /*eslint quote-props: ["error", "consistent-as-needed"]*/
    
    var object1 = {
        foo: "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42
    };

    Examples of correct code for this rule with the "consistent-as-needed" option:

    /*eslint quote-props: ["error", "consistent-as-needed"]*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        foo: 'bar',
        baz: 42
    };

    keywords

    Examples of additional incorrect code for this rule with the "as-needed", { "keywords": true } options:

    /*eslint quote-props: ["error", "as-needed", { "keywords": true }]*/
    
    var x = {
        while: 1,
        volatile: "foo"
    };

    Examples of additional incorrect code for this rule with the "consistent-as-needed", { "keywords": true } options:

    /*eslint quote-props: ["error", "consistent-as-needed", { "keywords": true }]*/
    
    var x = {
        "prop": 1,
        "bar": "foo"
    };

    unnecessary

    Examples of additional correct code for this rule with the "as-needed", { "unnecessary": false } options:

    /*eslint quote-props: ["error", "as-needed", { "keywords": true, "unnecessary": false }]*/
    
    var x = {
        "while": 1,
        "foo": "bar"  // Would normally have caused a warning
    };

    numbers

    Examples of additional incorrect code for this rule with the "as-needed", { "numbers": true } options:

    /*eslint quote-props: ["error", "as-needed", { "numbers": true }]*/
    
    var x = {
        100: 1
    }

    When Not To Use It

    If you don't care if property names are consistently wrapped in quotes or not, and you don't target legacy ES3 environments, turn this rule off.

    Further Reading

    Closing curly brace does not appear on the same line as the subsequent block.
    Open

          }
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Require Brace Style (brace-style)

    Brace style is closely related to indent style in programming and describes the placement of braces relative to their control statement and body. There are probably a dozen, if not more, brace styles in the world.

    The one true brace style is one of the most common brace styles in JavaScript, in which the opening brace of a block is placed on the same line as its corresponding statement or declaration. For example:

    if (foo) {
      bar();
    } else {
      baz();
    }

    One common variant of one true brace style is called Stroustrup, in which the else statements in an if-else construct, as well as catch and finally, must be on its own line after the preceding closing brace. For example:

    if (foo) {
      bar();
    }
    else {
      baz();
    }

    Another style is called Allman, in which all the braces are expected to be on their own lines without any extra indentation. For example:

    if (foo)
    {
      bar();
    }
    else
    {
      baz();
    }

    While no style is considered better than the other, most developers agree that having a consistent style throughout a project is important for its long-term maintainability.

    Rule Details

    This rule enforces consistent brace style for blocks.

    Options

    This rule has a string option:

    • "1tbs" (default) enforces one true brace style
    • "stroustrup" enforces Stroustrup style
    • "allman" enforces Allman style

    This rule has an object option for an exception:

    • "allowSingleLine": true (default false) allows the opening and closing braces for a block to be on the same line

    1tbs

    Examples of incorrect code for this rule with the default "1tbs" option:

    /*eslint brace-style: "error"*/
    
    function foo()
    {
      return true;
    }
    
    if (foo)
    {
      bar();
    }
    
    try
    {
      somethingRisky();
    } catch(e)
    {
      handleError();
    }
    
    if (foo) {
      bar();
    }
    else {
      baz();
    }

    Examples of correct code for this rule with the default "1tbs" option:

    /*eslint brace-style: "error"*/
    
    function foo() {
      return true;
    }
    
    if (foo) {
      bar();
    }
    
    if (foo) {
      bar();
    } else {
      baz();
    }
    
    try {
      somethingRisky();
    } catch(e) {
      handleError();
    }
    
    // when there are no braces, there are no problems
    if (foo) bar();
    else if (baz) boom();

    Examples of correct code for this rule with the "1tbs", { "allowSingleLine": true } options:

    /*eslint brace-style: ["error", "1tbs", { "allowSingleLine": true }]*/
    
    function nop() { return; }
    
    if (foo) { bar(); }
    
    if (foo) { bar(); } else { baz(); }
    
    try { somethingRisky(); } catch(e) { handleError(); }

    stroustrup

    Examples of incorrect code for this rule with the "stroustrup" option:

    /*eslint brace-style: ["error", "stroustrup"]*/
    
    function foo()
    {
      return true;
    }
    
    if (foo)
    {
      bar();
    }
    
    try
    {
      somethingRisky();
    } catch(e)
    {
      handleError();
    }
    
    if (foo) {
      bar();
    } else {
      baz();
    }

    Examples of correct code for this rule with the "stroustrup" option:

    /*eslint brace-style: ["error", "stroustrup"]*/
    
    function foo() {
      return true;
    }
    
    if (foo) {
      bar();
    }
    
    if (foo) {
      bar();
    }
    else {
      baz();
    }
    
    try {
      somethingRisky();
    }
    catch(e) {
      handleError();
    }
    
    // when there are no braces, there are no problems
    if (foo) bar();
    else if (baz) boom();

    Examples of correct code for this rule with the "stroustrup", { "allowSingleLine": true } options:

    /*eslint brace-style: ["error", "stroustrup", { "allowSingleLine": true }]*/
    
    function nop() { return; }
    
    if (foo) { bar(); }
    
    if (foo) { bar(); }
    else { baz(); }
    
    try { somethingRisky(); }
    catch(e) { handleError(); }

    allman

    Examples of incorrect code for this rule with the "allman" option:

    /*eslint brace-style: ["error", "allman"]*/
    
    function foo() {
      return true;
    }
    
    if (foo)
    {
      bar(); }
    
    try
    {
      somethingRisky();
    } catch(e)
    {
      handleError();
    }
    
    if (foo) {
      bar();
    } else {
      baz();
    }

    Examples of correct code for this rule with the "allman" option:

    /*eslint brace-style: ["error", "allman"]*/
    
    function foo()
    {
      return true;
    }
    
    if (foo)
    {
      bar();
    }
    
    if (foo)
    {
      bar();
    }
    else
    {
      baz();
    }
    
    try
    {
      somethingRisky();
    }
    catch(e)
    {
      handleError();
    }
    
    // when there are no braces, there are no problems
    if (foo) bar();
    else if (baz) boom();

    Examples of correct code for this rule with the "allman", { "allowSingleLine": true } options:

    /*eslint brace-style: ["error", "allman", { "allowSingleLine": true }]*/
    
    function nop() { return; }
    
    if (foo) { bar(); }
    
    if (foo) { bar(); }
    else { baz(); }
    
    try { somethingRisky(); }
    catch(e) { handleError(); }

    When Not To Use It

    If you don't want to enforce a particular brace style, don't enable this rule.

    Further Reading

    Unexpected string concatenation.
    Open

              globPath: files.htmlPath + '/**/*',
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using template literals instead of string concatenation. (prefer-template)

    In ES2015 (ES6), we can use template literals instead of string concatenation.

    var str = "Hello, " + name + "!";
    /*eslint-env es6*/
    
    var str = `Hello, ${name}!`;

    Rule Details

    This rule is aimed to flag usage of + operators with strings.

    Examples

    Examples of incorrect code for this rule:

    /*eslint prefer-template: "error"*/
    
    var str = "Hello, " + name + "!";
    var str = "Time: " + (12 * 60 * 60 * 1000);

    Examples of correct code for this rule:

    /*eslint prefer-template: "error"*/
    /*eslint-env es6*/
    
    var str = "Hello World!";
    var str = `Hello, ${name}!`;
    var str = `Time: ${12 * 60 * 60 * 1000}`;
    
    // This is reported by `no-useless-concat`.
    var str = "Hello, " + "World!";

    When Not To Use It

    This rule should not be used in ES3/5 environments.

    In ES2015 (ES6) or later, if you don't want to be notified about string concatenation, you can safely disable this rule.

    Related Rules

    Unexpected string concatenation.
    Open

              globPath: files.viewPath + '/**/*.?(css|pcss|sass|scss|less)',
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using template literals instead of string concatenation. (prefer-template)

    In ES2015 (ES6), we can use template literals instead of string concatenation.

    var str = "Hello, " + name + "!";
    /*eslint-env es6*/
    
    var str = `Hello, ${name}!`;

    Rule Details

    This rule is aimed to flag usage of + operators with strings.

    Examples

    Examples of incorrect code for this rule:

    /*eslint prefer-template: "error"*/
    
    var str = "Hello, " + name + "!";
    var str = "Time: " + (12 * 60 * 60 * 1000);

    Examples of correct code for this rule:

    /*eslint prefer-template: "error"*/
    /*eslint-env es6*/
    
    var str = "Hello World!";
    var str = `Hello, ${name}!`;
    var str = `Time: ${12 * 60 * 60 * 1000}`;
    
    // This is reported by `no-useless-concat`.
    var str = "Hello, " + "World!";

    When Not To Use It

    This rule should not be used in ES3/5 environments.

    In ES2015 (ES6) or later, if you don't want to be notified about string concatenation, you can safely disable this rule.

    Related Rules

    Expected exception block, space or tab after '//' in comment.
    Open

          publicPath: base.cdnPath, //资源文件引用路径
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Requires or disallows a whitespace (space or tab) beginning a comment (spaced-comment)

    Some style guides require or disallow a whitespace immediately after the initial // or /* of a comment. Whitespace after the // or /* makes it easier to read text in comments. On the other hand, commenting out code is easier without having to put a whitespace right after the // or /*.

    Rule Details

    This rule will enforce consistency of spacing after the start of a comment // or /*. It also provides several exceptions for various documentation styles.

    Options

    The rule takes two options.

    • The first is a string which be either "always" or "never". The default is "always".

      • If "always" then the // or /* must be followed by at least one whitespace.
      • If "never" then there should be no whitespace following.
    • This rule can also take a 2nd option, an object with any of the following keys: "exceptions" and "markers".

      • The "exceptions" value is an array of string patterns which are considered exceptions to the rule. Please note that exceptions are ignored if the first argument is "never".
      "spaced-comment": ["error", "always", { "exceptions": ["-", "+"] }]
      • The "markers" value is an array of string patterns which are considered markers for docblock-style comments, such as an additional /, used to denote documentation read by doxygen, vsdoc, etc. which must have additional characters. The "markers" array will apply regardless of the value of the first argument, e.g. "always" or "never".
      "spaced-comment": ["error", "always", { "markers": ["/"] }]

    The difference between a marker and an exception is that a marker only appears at the beginning of the comment whereas exceptions can occur anywhere in the comment string.

    You can also define separate exceptions and markers for block and line comments. The "block" object can have an additional key "balanced", a boolean that specifies if inline block comments should have balanced spacing. The default value is false.

    • If "balanced": true and "always" then the /* must be followed by at least one whitespace, and the */ must be preceded by at least one whitespace.

    • If "balanced": true and "never" then there should be no whitespace following /* or preceding */.

    • If "balanced": false then balanced whitespace is not enforced.

    "spaced-comment": ["error", "always", {
        "line": {
            "markers": ["/"],
            "exceptions": ["-", "+"]
        },
        "block": {
            "markers": ["!"],
            "exceptions": ["*"],
            "balanced": true
        }
    }]

    always

    Examples of incorrect code for this rule with the "always" option:

    /*eslint spaced-comment: ["error", "always"]*/
    
    //This is a comment with no whitespace at the beginning
    
    /*This is a comment with no whitespace at the beginning */
    /* eslint spaced-comment: ["error", "always", { "block": { "balanced": true } }] */
    /* This is a comment with whitespace at the beginning but not the end*/

    Examples of correct code for this rule with the "always" option:

    /* eslint spaced-comment: ["error", "always"] */
    
    // This is a comment with a whitespace at the beginning
    
    /* This is a comment with a whitespace at the beginning */
    
    /*
     * This is a comment with a whitespace at the beginning
     */
    
    /*
    This comment has a newline
    */
    /* eslint spaced-comment: ["error", "always"] */
    
    /**
    * I am jsdoc
    */

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint spaced-comment: ["error", "never"]*/
    
    // This is a comment with a whitespace at the beginning
    
    /* This is a comment with a whitespace at the beginning */
    
    /* \nThis is a comment with a whitespace at the beginning */
    /*eslint spaced-comment: ["error", "never", { "block": { "balanced": true } }]*/
    /*This is a comment with whitespace at the end */

    Examples of correct code for this rule with the "never" option:

    /*eslint spaced-comment: ["error", "never"]*/
    
    /*This is a comment with no whitespace at the beginning */
    /*eslint spaced-comment: ["error", "never"]*/
    
    /**
    * I am jsdoc
    */

    exceptions

    Examples of incorrect code for this rule with the "always" option combined with "exceptions":

    /* eslint spaced-comment: ["error", "always", { "block": { "exceptions": ["-"] } }] */
    
    //--------------
    // Comment block
    //--------------
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-", "+"] }] */
    
    //------++++++++
    // Comment block
    //------++++++++
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-", "+"] }] */
    
    /*------++++++++*/
    /* Comment block */
    /*------++++++++*/
    /* eslint spaced-comment: ["error", "always", { "line": { "exceptions": ["-+"] } }] */
    
    /*-+-+-+-+-+-+-+*/
    // Comment block
    /*-+-+-+-+-+-+-+*/

    Examples of correct code for this rule with the "always" option combined with "exceptions":

    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-"] }] */
    
    //--------------
    // Comment block
    //--------------
    /* eslint spaced-comment: ["error", "always", { "line": { "exceptions": ["-"] } }] */
    
    //--------------
    // Comment block
    //--------------
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["*"] }] */
    
    /****************
     * Comment block
     ****************/
    /* eslint spaced-comment: ["error", "always", { "exceptions": ["-+"] }] */
    
    //-+-+-+-+-+-+-+
    // Comment block
    //-+-+-+-+-+-+-+
    
    /*-+-+-+-+-+-+-+*/
    // Comment block
    /*-+-+-+-+-+-+-+*/
    /* eslint spaced-comment: ["error", "always", { "block": { "exceptions": ["-+"] } }] */
    
    /*-+-+-+-+-+-+-+*/
    // Comment block
    /*-+-+-+-+-+-+-+*/

    markers

    Examples of incorrect code for this rule with the "always" option combined with "markers":

    /* eslint spaced-comment: ["error", "always", { "markers": ["/"] }] */
    
    ///This is a comment with a marker but without whitespace
    /*eslint spaced-comment: ["error", "always", { "block": { "markers": ["!"], "balanced": true } }]*/
    /*! This is a comment with a marker but without whitespace at the end*/
    /*eslint spaced-comment: ["error", "never", { "block": { "markers": ["!"], "balanced": true } }]*/
    /*!This is a comment with a marker but with whitespace at the end */

    Examples of correct code for this rule with the "always" option combined with "markers":

    /* eslint spaced-comment: ["error", "always", { "markers": ["/"] }] */
    
    /// This is a comment with a marker
    /*eslint spaced-comment: ["error", "never", { "markers": ["!<"] }]*/
    
    //!<this is a line comment with marker block subsequent lines are ignored></this>
    /* eslint spaced-comment: ["error", "always", { "markers": ["global"] }] */
    
    /*global ABC*/

    Related Rules

    Unexpected string concatenation.
    Open

              pathDir: files.htmlPath + '/'
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using template literals instead of string concatenation. (prefer-template)

    In ES2015 (ES6), we can use template literals instead of string concatenation.

    var str = "Hello, " + name + "!";
    /*eslint-env es6*/
    
    var str = `Hello, ${name}!`;

    Rule Details

    This rule is aimed to flag usage of + operators with strings.

    Examples

    Examples of incorrect code for this rule:

    /*eslint prefer-template: "error"*/
    
    var str = "Hello, " + name + "!";
    var str = "Time: " + (12 * 60 * 60 * 1000);

    Examples of correct code for this rule:

    /*eslint prefer-template: "error"*/
    /*eslint-env es6*/
    
    var str = "Hello World!";
    var str = `Hello, ${name}!`;
    var str = `Time: ${12 * 60 * 60 * 1000}`;
    
    // This is reported by `no-useless-concat`.
    var str = "Hello, " + "World!";

    When Not To Use It

    This rule should not be used in ES3/5 environments.

    In ES2015 (ES6) or later, if you don't want to be notified about string concatenation, you can safely disable this rule.

    Related Rules

    Expected indentation of 6 spaces but found 8.
    Open

            jsBundle  = debug ? `${files.jsName}/[name].js` : `${files.jsName}/[name].[chunkhash:8].js`,
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Expected indentation of 6 spaces but found 8.
    Open

            cssBundle = debug ? `${files.cssName}/[name].css` : `${files.cssName}/[name].[contenthash:8].css`;
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Unnecessarily quoted property 'fileHtml' found.
    Open

          'fileHtml': fileHtml,
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    require quotes around object literal property names (quote-props)

    Object literal property names can be defined in two ways: using literals or using strings. For example, these two objects are equivalent:

    var object1 = {
        property: true
    };
    
    var object2 = {
        "property": true
    };

    In many cases, it doesn't matter if you choose to use an identifier instead of a string or vice-versa. Even so, you might decide to enforce a consistent style in your code.

    There are, however, some occasions when you must use quotes:

    1. If you are using an ECMAScript 3 JavaScript engine (such as IE8) and you want to use a keyword (such as if) as a property name. This restriction was removed in ECMAScript 5.
    2. You want to use a non-identifier character in your property name, such as having a property with a space like "one two".

    Another example where quotes do matter is when using numeric literals as property keys:

    var object = {
        1e2: 1,
        100: 2
    };

    This may look alright at first sight, but this code in fact throws a syntax error in ECMAScript 5 strict mode. This happens because 1e2 and 100 are coerced into strings before getting used as the property name. Both String(1e2) and String(100) happen to be equal to "100", which causes the "Duplicate data property in object literal not allowed in strict mode" error. Issues like that can be tricky to debug, so some prefer to require quotes around all property names.

    Rule Details

    This rule requires quotes around object literal property names.

    Options

    This rule has two options, a string option and an object option.

    String option:

    • "always" (default) requires quotes around all object literal property names
    • "as-needed" disallows quotes around object literal property names that are not strictly required
    • "consistent" enforces a consistent quote style requires quotes around object literal property names
    • "consistent-as-needed" requires quotes around all object literal property names if any name strictly requires quotes, otherwise disallows quotes around object property names

    Object option:

    • "keywords": true requires quotes around language keywords used as object property names (only applies when using as-needed or consistent-as-needed)
    • "unnecessary": true (default) disallows quotes around object literal property names that are not strictly required (only applies when using as-needed)
    • "unnecessary": false allows quotes around object literal property names that are not strictly required (only applies when using as-needed)
    • "numbers": true requires quotes around numbers used as object property names (only applies when using as-needed)

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint quote-props: ["error", "always"]*/
    
    var object = {
        foo: "bar",
        baz: 42,
        "qux-lorem": true
    };

    Examples of correct code for this rule with the default "always" option:

    /*eslint quote-props: ["error", "always"]*/
    /*eslint-env es6*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42,
        'qux-lorem': true
    };
    
    var object3 = {
        foo() {
            return;
        }
    };

    as-needed

    Examples of incorrect code for this rule with the "as-needed" option:

    /*eslint quote-props: ["error", "as-needed"]*/
    
    var object = {
        "a": 0,
        "0": 0,
        "true": 0,
        "null": 0
    };

    Examples of correct code for this rule with the "as-needed" option:

    /*eslint quote-props: ["error", "as-needed"]*/
    /*eslint-env es6*/
    
    var object1 = {
        "a-b": 0,
        "0x0": 0,
        "1e2": 0
    };
    
    var object2 = {
        foo: 'bar',
        baz: 42,
        true: 0,
        0: 0,
        'qux-lorem': true
    };
    
    var object3 = {
        foo() {
            return;
        }
    };

    consistent

    Examples of incorrect code for this rule with the "consistent" option:

    /*eslint quote-props: ["error", "consistent"]*/
    
    var object1 = {
        foo: "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        baz: 42
    };

    Examples of correct code for this rule with the "consistent" option:

    /*eslint quote-props: ["error", "consistent"]*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42
    };
    
    var object3 = {
        foo: 'bar',
        baz: 42
    };

    consistent-as-needed

    Examples of incorrect code for this rule with the "consistent-as-needed" option:

    /*eslint quote-props: ["error", "consistent-as-needed"]*/
    
    var object1 = {
        foo: "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42
    };

    Examples of correct code for this rule with the "consistent-as-needed" option:

    /*eslint quote-props: ["error", "consistent-as-needed"]*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        foo: 'bar',
        baz: 42
    };

    keywords

    Examples of additional incorrect code for this rule with the "as-needed", { "keywords": true } options:

    /*eslint quote-props: ["error", "as-needed", { "keywords": true }]*/
    
    var x = {
        while: 1,
        volatile: "foo"
    };

    Examples of additional incorrect code for this rule with the "consistent-as-needed", { "keywords": true } options:

    /*eslint quote-props: ["error", "consistent-as-needed", { "keywords": true }]*/
    
    var x = {
        "prop": 1,
        "bar": "foo"
    };

    unnecessary

    Examples of additional correct code for this rule with the "as-needed", { "unnecessary": false } options:

    /*eslint quote-props: ["error", "as-needed", { "keywords": true, "unnecessary": false }]*/
    
    var x = {
        "while": 1,
        "foo": "bar"  // Would normally have caused a warning
    };

    numbers

    Examples of additional incorrect code for this rule with the "as-needed", { "numbers": true } options:

    /*eslint quote-props: ["error", "as-needed", { "numbers": true }]*/
    
    var x = {
        100: 1
    }

    When Not To Use It

    If you don't care if property names are consistently wrapped in quotes or not, and you don't target legacy ES3 environments, turn this rule off.

    Further Reading

    Unnecessarily quoted property 'cssBundle' found.
    Open

          'cssBundle': cssBundle
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    require quotes around object literal property names (quote-props)

    Object literal property names can be defined in two ways: using literals or using strings. For example, these two objects are equivalent:

    var object1 = {
        property: true
    };
    
    var object2 = {
        "property": true
    };

    In many cases, it doesn't matter if you choose to use an identifier instead of a string or vice-versa. Even so, you might decide to enforce a consistent style in your code.

    There are, however, some occasions when you must use quotes:

    1. If you are using an ECMAScript 3 JavaScript engine (such as IE8) and you want to use a keyword (such as if) as a property name. This restriction was removed in ECMAScript 5.
    2. You want to use a non-identifier character in your property name, such as having a property with a space like "one two".

    Another example where quotes do matter is when using numeric literals as property keys:

    var object = {
        1e2: 1,
        100: 2
    };

    This may look alright at first sight, but this code in fact throws a syntax error in ECMAScript 5 strict mode. This happens because 1e2 and 100 are coerced into strings before getting used as the property name. Both String(1e2) and String(100) happen to be equal to "100", which causes the "Duplicate data property in object literal not allowed in strict mode" error. Issues like that can be tricky to debug, so some prefer to require quotes around all property names.

    Rule Details

    This rule requires quotes around object literal property names.

    Options

    This rule has two options, a string option and an object option.

    String option:

    • "always" (default) requires quotes around all object literal property names
    • "as-needed" disallows quotes around object literal property names that are not strictly required
    • "consistent" enforces a consistent quote style requires quotes around object literal property names
    • "consistent-as-needed" requires quotes around all object literal property names if any name strictly requires quotes, otherwise disallows quotes around object property names

    Object option:

    • "keywords": true requires quotes around language keywords used as object property names (only applies when using as-needed or consistent-as-needed)
    • "unnecessary": true (default) disallows quotes around object literal property names that are not strictly required (only applies when using as-needed)
    • "unnecessary": false allows quotes around object literal property names that are not strictly required (only applies when using as-needed)
    • "numbers": true requires quotes around numbers used as object property names (only applies when using as-needed)

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint quote-props: ["error", "always"]*/
    
    var object = {
        foo: "bar",
        baz: 42,
        "qux-lorem": true
    };

    Examples of correct code for this rule with the default "always" option:

    /*eslint quote-props: ["error", "always"]*/
    /*eslint-env es6*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42,
        'qux-lorem': true
    };
    
    var object3 = {
        foo() {
            return;
        }
    };

    as-needed

    Examples of incorrect code for this rule with the "as-needed" option:

    /*eslint quote-props: ["error", "as-needed"]*/
    
    var object = {
        "a": 0,
        "0": 0,
        "true": 0,
        "null": 0
    };

    Examples of correct code for this rule with the "as-needed" option:

    /*eslint quote-props: ["error", "as-needed"]*/
    /*eslint-env es6*/
    
    var object1 = {
        "a-b": 0,
        "0x0": 0,
        "1e2": 0
    };
    
    var object2 = {
        foo: 'bar',
        baz: 42,
        true: 0,
        0: 0,
        'qux-lorem': true
    };
    
    var object3 = {
        foo() {
            return;
        }
    };

    consistent

    Examples of incorrect code for this rule with the "consistent" option:

    /*eslint quote-props: ["error", "consistent"]*/
    
    var object1 = {
        foo: "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        baz: 42
    };

    Examples of correct code for this rule with the "consistent" option:

    /*eslint quote-props: ["error", "consistent"]*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42
    };
    
    var object3 = {
        foo: 'bar',
        baz: 42
    };

    consistent-as-needed

    Examples of incorrect code for this rule with the "consistent-as-needed" option:

    /*eslint quote-props: ["error", "consistent-as-needed"]*/
    
    var object1 = {
        foo: "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        'foo': 'bar',
        'baz': 42
    };

    Examples of correct code for this rule with the "consistent-as-needed" option:

    /*eslint quote-props: ["error", "consistent-as-needed"]*/
    
    var object1 = {
        "foo": "bar",
        "baz": 42,
        "qux-lorem": true
    };
    
    var object2 = {
        foo: 'bar',
        baz: 42
    };

    keywords

    Examples of additional incorrect code for this rule with the "as-needed", { "keywords": true } options:

    /*eslint quote-props: ["error", "as-needed", { "keywords": true }]*/
    
    var x = {
        while: 1,
        volatile: "foo"
    };

    Examples of additional incorrect code for this rule with the "consistent-as-needed", { "keywords": true } options:

    /*eslint quote-props: ["error", "consistent-as-needed", { "keywords": true }]*/
    
    var x = {
        "prop": 1,
        "bar": "foo"
    };

    unnecessary

    Examples of additional correct code for this rule with the "as-needed", { "unnecessary": false } options:

    /*eslint quote-props: ["error", "as-needed", { "keywords": true, "unnecessary": false }]*/
    
    var x = {
        "while": 1,
        "foo": "bar"  // Would normally have caused a warning
    };

    numbers

    Examples of additional incorrect code for this rule with the "as-needed", { "numbers": true } options:

    /*eslint quote-props: ["error", "as-needed", { "numbers": true }]*/
    
    var x = {
        100: 1
    }

    When Not To Use It

    If you don't care if property names are consistently wrapped in quotes or not, and you don't target legacy ES3 environments, turn this rule off.

    Further Reading

    Block must not be padded by blank lines.
    Open

      (config, htmlFiles, htmlPath, viewType, debug) => {
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    require or disallow padding within blocks (padded-blocks)

    Some style guides require block statements to start and end with blank lines. The goal is to improve readability by visually separating the block content and the surrounding code.

    if (a) {
    
        b();
    
    }

    Since it's good to have a consistent code style, you should either always write padded blocks or never do it.

    Rule Details

    This rule enforces consistent empty line padding within blocks.

    Options

    This rule has one option, which can be a string option or an object option.

    String option:

    • "always" (default) requires empty lines at the beginning and ending of block statements (except switch statements and classes)
    • "never" disallows empty lines at the beginning and ending of block statements (except switch statements and classes)

    Object option:

    • "blocks" require or disallow padding within block statements
    • "classes" require or disallow padding within classes
    • "switches" require or disallow padding within switch statements

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint padded-blocks: ["error", "always"]*/
    
    if (a) {
        b();
    }
    
    if (a) { b(); }
    
    if (a)
    {
        b();
    }
    
    if (a) {
    
        b();
    }
    
    if (a) {
        b();
    
    }
    
    if (a) {
        // comment
        b();
    
    }

    Examples of correct code for this rule with the default "always" option:

    /*eslint padded-blocks: ["error", "always"]*/
    
    if (a) {
    
        b();
    
    }
    
    if (a)
    {
    
        b();
    
    }
    
    if (a) {
    
        // comment
        b();
    
    }

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint padded-blocks: ["error", "never"]*/
    
    if (a) {
    
        b();
    
    }
    
    if (a)
    {
    
        b();
    
    }
    
    if (a) {
    
        b();
    }
    
    if (a) {
        b();
    
    }

    Examples of correct code for this rule with the "never" option:

    /*eslint padded-blocks: ["error", "never"]*/
    
    if (a) {
        b();
    }
    
    if (a)
    {
        b();
    }

    blocks

    Examples of incorrect code for this rule with the { "blocks": "always" } option:

    /*eslint padded-blocks: ["error", { "blocks": "always" }]*/
    
    if (a) {
        b();
    }
    
    if (a) { b(); }
    
    if (a)
    {
        b();
    }
    
    if (a) {
    
        b();
    }
    
    if (a) {
        b();
    
    }
    
    if (a) {
        // comment
        b();
    
    }

    Examples of correct code for this rule with the { "blocks": "always" } option:

    /*eslint padded-blocks: ["error", { "blocks": "always" }]*/
    
    if (a) {
    
        b();
    
    }
    
    if (a)
    {
    
        b();
    
    }
    
    if (a) {
    
        // comment
        b();
    
    }

    Examples of incorrect code for this rule with the { "blocks": "never" } option:

    /*eslint padded-blocks: ["error", { "blocks": "never" }]*/
    
    if (a) {
    
        b();
    
    }
    
    if (a)
    {
    
        b();
    
    }
    
    if (a) {
    
        b();
    }
    
    if (a) {
        b();
    
    }

    Examples of correct code for this rule with the { "blocks": "never" } option:

    /*eslint padded-blocks: ["error", { "blocks": "never" }]*/
    
    if (a) {
        b();
    }
    
    if (a)
    {
        b();
    }

    classes

    Examples of incorrect code for this rule with the { "classes": "always" } option:

    /*eslint padded-blocks: ["error", { "classes": "always" }]*/
    
    class  A {
        constructor(){
        }
    }

    Examples of correct code for this rule with the { "classes": "always" } option:

    /*eslint padded-blocks: ["error", { "classes": "always" }]*/
    
    class  A {
    
        constructor(){
        }
    
    }

    Examples of incorrect code for this rule with the { "classes": "never" } option:

    /*eslint padded-blocks: ["error", { "classes": "never" }]*/
    
    class  A {
    
        constructor(){
        }
    
    }

    Examples of correct code for this rule with the { "classes": "never" } option:

    /*eslint padded-blocks: ["error", { "classes": "never" }]*/
    
    class  A {
        constructor(){
        }
    }

    switches

    Examples of incorrect code for this rule with the { "switches": "always" } option:

    /*eslint padded-blocks: ["error", { "switches": "always" }]*/
    
    switch (a) {
        case 0: foo();
    }

    Examples of correct code for this rule with the { "switches": "always" } option:

    /*eslint padded-blocks: ["error", { "switches": "always" }]*/
    
    switch (a) {
    
        case 0: foo();
    
    }
    
    if (a) {
        b();
    }

    Examples of incorrect code for this rule with the { "switches": "never" } option:

    /*eslint padded-blocks: ["error", { "switches": "never" }]*/
    
    switch (a) {
    
        case 0: foo();
    
    }

    Examples of correct code for this rule with the { "switches": "never" } option:

    /*eslint padded-blocks: ["error", { "switches": "never" }]*/
    
    switch (a) {
        case 0: foo();
    }
    
    if (a) {
    
        b();
    
    }

    When Not To Use It

    You can turn this rule off if you are not concerned with the consistency of padding within blocks. Source: http://eslint.org/docs/rules/

    'conf' is never reassigned. Use 'const' instead.
    Open

          let conf = {
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    Expected indentation of 8 spaces but found 10.
    Open

              pathName, // 文件夹路劲
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Split 'let' declarations into multiple statements.
    Open

          let entries = {},
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce variables to be declared either together or separately in functions (one-var)

    Variables can be declared at any point in JavaScript code using var, let, or const. There are many styles and preferences related to the declaration of variables, and one of those is deciding on how many variable declarations should be allowed in a single function.

    There are two schools of thought in this regard:

    1. There should be just one variable declaration for all variables in the function. That declaration typically appears at the top of the function.
    2. You should use one variable declaration for each variable you want to define.

    For instance:

    // one variable declaration per function
    function foo() {
        var bar, baz;
    }
    
    // multiple variable declarations per function
    function foo() {
        var bar;
        var baz;
    }

    The single-declaration school of thought is based in pre-ECMAScript 6 behaviors, where there was no such thing as block scope, only function scope. Since all var statements are hoisted to the top of the function anyway, some believe that declaring all variables in a single declaration at the top of the function removes confusion around scoping rules.

    Rule Details

    This rule enforces variables to be declared either together or separately per function ( for var) or block (for let and const) scope.

    Options

    This rule has one option, which can be a string option or an object option.

    String option:

    • "always" (default) requires one variable declaration per scope
    • "never" requires multiple variable declarations per scope

    Object option:

    • "var": "always" requires one var declaration per function
    • "var": "never" requires multiple var declarations per function
    • "let": "always" requires one let declaration per block
    • "let": "never" requires multiple let declarations per block
    • "const": "always" requires one const declaration per block
    • "const": "never" requires multiple const declarations per block

    Alternate object option:

    • "initialized": "always" requires one variable declaration for initialized variables per scope
    • "initialized": "never" requires multiple variable declarations for initialized variables per scope
    • "uninitialized": "always" requires one variable declaration for uninitialized variables per scope
    • "uninitialized": "never" requires multiple variable declarations for uninitialized variables per scope

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint one-var: ["error", "always"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
        let qux;
        let norf;
    }
    
    function foo(){
        const bar = false;
        const baz = true;
        let qux;
        let norf;
    }
    
    function foo() {
        var bar;
    
        if (baz) {
            var qux = true;
        }
    }

    Examples of correct code for this rule with the default "always" option:

    /*eslint one-var: ["error", "always"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        let qux,
            norf;
    }
    
    function foo(){
        const bar = true,
            baz = false;
        let qux,
            norf;
    }
    
    function foo() {
        var bar,
            qux;
    
        if (baz) {
            qux = true;
        }
    }
    
    function foo(){
        let bar;
    
        if (baz) {
            let qux;
        }
    }

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint one-var: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        const bar = true,
            baz = false;
    }
    
    function foo() {
        var bar,
            qux;
    
        if (baz) {
            qux = true;
        }
    }
    
    function foo(){
        let bar = true,
            baz = false;
    }

    Examples of correct code for this rule with the "never" option:

    /*eslint one-var: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
    }
    
    function foo() {
        var bar;
    
        if (baz) {
            var qux = true;
        }
    }
    
    function foo() {
        let bar;
    
        if (baz) {
            let qux = true;
        }
    }

    var, let, and const

    Examples of incorrect code for this rule with the { var: "always", let: "never", const: "never" } option:

    /*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
        let qux,
            norf;
    }
    
    function foo() {
        const bar = 1,
              baz = 2;
        let qux,
            norf;
    }

    Examples of correct code for this rule with the { var: "always", let: "never", const: "never" } option:

    /*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        let qux;
        let norf;
    }
    
    function foo() {
        const bar = 1;
        const baz = 2;
        let qux;
        let norf;
    }

    Examples of incorrect code for this rule with the { var: "never" } option:

    /*eslint one-var: ["error", { var: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
    }

    Examples of correct code for this rule with the { var: "never" } option:

    /*eslint one-var: ["error", { var: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        const bar = 1; // `const` and `let` declarations are ignored if they are not specified
        const baz = 2;
        let qux;
        let norf;
    }

    initialized and uninitialized

    Examples of incorrect code for this rule with the { "initialized": "always", "uninitialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "always", "uninitialized": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var a, b, c;
        var foo = true;
        var bar = false;
    }

    Examples of correct code for this rule with the { "initialized": "always", "uninitialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "always", "uninitialized": "never" }]*/
    
    function foo() {
        var a;
        var b;
        var c;
        var foo = true,
            bar = false;
    }
    
    for (let z of foo) {
        doSomething(z);
    }
    
    let z;
    for (z of foo) {
        doSomething(z);
    }

    Examples of incorrect code for this rule with the { "initialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var foo = true,
            bar = false;
    }

    Examples of correct code for this rule with the { "initialized": "never" } option:

    /*eslint one-var: ["error", { initialized: "never" }]*/
    
    function foo() {
        var foo = true;
        var bar = false;
        var a, b, c; // Uninitialized variables are ignored
    }

    Compatibility

    Unexpected use of continue statement.
    Open

                continue;
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    disallow continue statements (no-continue)

    The continue statement terminates execution of the statements in the current iteration of the current or labeled loop, and continues execution of the loop with the next iteration. When used incorrectly it makes code less testable, less readable and less maintainable. Structured control flow statements such as if should be used instead.

    var sum = 0,
        i;
    
    for(i = 0; i < 10; i++) {
        if(i >= 5) {
            continue;
        }
    
        a += i;
    }

    Rule Details

    This rule disallows continue statements.

    Examples of incorrect code for this rule:

    /*eslint no-continue: "error"*/
    
    var sum = 0,
        i;
    
    for(i = 0; i < 10; i++) {
        if(i >= 5) {
            continue;
        }
    
        a += i;
    }
    /*eslint no-continue: "error"*/
    
    var sum = 0,
        i;
    
    labeledLoop: for(i = 0; i < 10; i++) {
        if(i >= 5) {
            continue labeledLoop;
        }
    
        a += i;
    }

    Examples of correct code for this rule:

    /*eslint no-continue: "error"*/
    
    var sum = 0,
        i;
    
    for(i = 0; i < 10; i++) {
        if(i < 5) {
           a += i;
        }
    }

    Compatibility

    Missing semicolon.
    Open

        }
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    require or disallow semicolons instead of ASI (semi)

    JavaScript is unique amongst the C-like languages in that it doesn't require semicolons at the end of each statement. In many cases, the JavaScript engine can determine that a semicolon should be in a certain spot and will automatically add it. This feature is known as automatic semicolon insertion (ASI) and is considered one of the more controversial features of JavaScript. For example, the following lines are both valid:

    var name = "ESLint"
    var website = "eslint.org";

    On the first line, the JavaScript engine will automatically insert a semicolon, so this is not considered a syntax error. The JavaScript engine still knows how to interpret the line and knows that the line end indicates the end of the statement.

    In the debate over ASI, there are generally two schools of thought. The first is that we should treat ASI as if it didn't exist and always include semicolons manually. The rationale is that it's easier to always include semicolons than to try to remember when they are or are not required, and thus decreases the possibility of introducing an error.

    However, the ASI mechanism can sometimes be tricky to people who are using semicolons. For example, consider this code:

    return
    {
        name: "ESLint"
    };

    This may look like a return statement that returns an object literal, however, the JavaScript engine will interpret this code as:

    return;
    {
        name: "ESLint";
    }

    Effectively, a semicolon is inserted after the return statement, causing the code below it (a labeled literal inside a block) to be unreachable. This rule and the [no-unreachable](no-unreachable.md) rule will protect your code from such cases.

    On the other side of the argument are those who says that since semicolons are inserted automatically, they are optional and do not need to be inserted manually. However, the ASI mechanism can also be tricky to people who don't use semicolons. For example, consider this code:

    var globalCounter = { }
    
    (function () {
        var n = 0
        globalCounter.increment = function () {
            return ++n
        }
    })()

    In this example, a semicolon will not be inserted after the first line, causing a run-time error (because an empty object is called as if it's a function). The [no-unexpected-multiline](no-unexpected-multiline.md) rule can protect your code from such cases.

    Although ASI allows for more freedom over your coding style, it can also make your code behave in an unexpected way, whether you use semicolons or not. Therefore, it is best to know when ASI takes place and when it does not, and have ESLint protect your code from these potentially unexpected cases. In short, as once described by Isaac Schlueter, a \n character always ends a statement (just like a semicolon) unless one of the following is true:

    1. The statement has an unclosed paren, array literal, or object literal or ends in some other way that is not a valid way to end a statement. (For instance, ending with . or ,.)
    2. The line is -- or ++ (in which case it will decrement/increment the next token.)
    3. It is a for(), while(), do, if(), or else, and there is no {
    4. The next line starts with [, (, +, *, /, -, ,, ., or some other binary operator that can only be found between two tokens in a single expression.

    Rule Details

    This rule enforces consistent use of semicolons.

    Options

    This rule has two options, a string option and an object option.

    String option:

    • "always" (default) requires semicolons at the end of statements
    • "never" disallows semicolons as the end of statements (except to disambiguate statements beginning with [, (, /, +, or -)

    Object option:

    • "omitLastInOneLineBlock": true ignores the last semicolon in a block in which its braces (and therefore the content of the block) are in the same line

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint semi: ["error", "always"]*/
    
    var name = "ESLint"
    
    object.method = function() {
        // ...
    }

    Examples of correct code for this rule with the default "always" option:

    /*eslint semi: "error"*/
    
    var name = "ESLint";
    
    object.method = function() {
        // ...
    };

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint semi: ["error", "never"]*/
    
    var name = "ESLint";
    
    object.method = function() {
        // ...
    };

    Examples of correct code for this rule with the "never" option:

    /*eslint semi: ["error", "never"]*/
    
    var name = "ESLint"
    
    object.method = function() {
        // ...
    }
    
    var name = "ESLint"
    
    ;(function() {
        // ...
    })()

    omitLastInOneLineBlock

    Examples of additional correct code for this rule with the "always", { "omitLastInOneLineBlock": true } options:

    /*eslint semi: ["error", "always", { "omitLastInOneLineBlock": true}] */
    
    if (foo) { bar() }
    
    if (foo) { bar(); baz() }

    When Not To Use It

    If you do not want to enforce semicolon usage (or omission) in any particular way, then you can turn this rule off.

    Further Reading

    Related Rules

    • [no-extra-semi](no-extra-semi.md)
    • [no-unexpected-multiline](no-unexpected-multiline.md)
    • [semi-spacing](semi-spacing.md) Source: http://eslint.org/docs/rules/

    Unexpected function expression.
    Open

        Object.keys(obj1).forEach(function (o) {
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using arrow functions as callbacks. (prefer-arrow-callback)

    Arrow functions are suited to callbacks, because:

    • this keywords in arrow functions bind to the upper scope's.
    • The notation of the arrow function is shorter than function expression's.

    Rule Details

    This rule is aimed to flag usage of function expressions in an argument list.

    The following patterns are considered problems:

    /*eslint prefer-arrow-callback: "error"*/
    
    foo(function(a) { return a; });
    foo(function() { return this.a; }.bind(this));

    The following patterns are not considered problems:

    /*eslint prefer-arrow-callback: "error"*/
    /*eslint-env es6*/
    
    foo(a => a);
    foo(function*() { yield; });
    
    // this is not a callback.
    var foo = function foo(a) { return a; };
    
    // using `this` without `.bind(this)`.
    foo(function() { return this.a; });
    
    // recursively.
    foo(function bar(n) { return n && n + bar(n - 1); });

    Options

    This rule takes one optional argument, an object which is an options object.

    allowNamedFunctions

    This is a boolean option and it is false by default. When set to true, the rule doesn't warn on named functions used as callbacks.

    Examples of correct code for the { "allowNamedFunctions": true } option:

    /*eslint prefer-arrow-callback: ["error", { "allowNamedFunctions": true }]*/
    
    foo(function bar() {});

    allowUnboundThis

    This is a boolean option and it is true by default. When set to false, this option allows the use of this without restriction and checks for dynamically assigned this values such as when using Array.prototype.map with a context argument. Normally, the rule will flag the use of this whenever a function does not use bind() to specify the value of this constantly.

    Examples of incorrect code for the { "allowUnboundThis": false } option:

    /*eslint prefer-arrow-callback: ["error", { "allowUnboundThis": false }]*/
    /*eslint-env es6*/
    
    foo(function() { this.a; });
    
    foo(function() { (() => this); });
    
    someArray.map(function (itm) { return this.doSomething(itm); }, someObject);

    When Not To Use It

    This rule should not be used in ES3/5 environments.

    In ES2015 (ES6) or later, if you don't want to be notified about function expressions in an argument list, you can safely disable this rule. Source: http://eslint.org/docs/rules/

    Unexpected string concatenation.
    Open

            filename: pathname + '.html', //生成的html存放路径,相对于path
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using template literals instead of string concatenation. (prefer-template)

    In ES2015 (ES6), we can use template literals instead of string concatenation.

    var str = "Hello, " + name + "!";
    /*eslint-env es6*/
    
    var str = `Hello, ${name}!`;

    Rule Details

    This rule is aimed to flag usage of + operators with strings.

    Examples

    Examples of incorrect code for this rule:

    /*eslint prefer-template: "error"*/
    
    var str = "Hello, " + name + "!";
    var str = "Time: " + (12 * 60 * 60 * 1000);

    Examples of correct code for this rule:

    /*eslint prefer-template: "error"*/
    /*eslint-env es6*/
    
    var str = "Hello World!";
    var str = `Hello, ${name}!`;
    var str = `Time: ${12 * 60 * 60 * 1000}`;
    
    // This is reported by `no-useless-concat`.
    var str = "Hello, " + "World!";

    When Not To Use It

    This rule should not be used in ES3/5 environments.

    In ES2015 (ES6) or later, if you don't want to be notified about string concatenation, you can safely disable this rule.

    Related Rules

    Expected indentation of 2 spaces but found 6.
    Open

          path              = require('path'),
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    'VIEWS' is never reassigned. Use 'const' instead.
    Open

        let VIEWS = [];
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    'fileHtml' is never reassigned. Use 'const' instead.
    Open

        let fileHtml  = Object.keys(getEntry({
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    Expected indentation of 6 spaces but found 8.
    Open

            fileCss   = getEntry({
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Unexpected unnamed function.
    Open

        Object.keys(obj1).forEach(function (o) {
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Require or disallow named function expressions (func-names)

    A pattern that's becoming more common is to give function expressions names to aid in debugging. For example:

    Foo.prototype.bar = function bar() {};

    Adding the second bar in the above example is optional. If you leave off the function name then when the function throws an exception you are likely to get something similar to anonymous function in the stack trace. If you provide the optional name for a function expression then you will get the name of the function expression in the stack trace.

    Rule Details

    This rule can enforce or disallow the use of named function expressions.

    Options

    This rule has a string option:

    • "always" (default) requires function expressions to have a name
    • "as-needed" requires function expressions to have a name, if the name cannot be assigned automatically in an ES6 environment
    • "never" disallows named function expressions, except in recursive functions, where a name is needed

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint func-names: ["error", "always"]*/
    
    Foo.prototype.bar = function() {};
    
    (function() {
        // ...
    }())

    Examples of correct code for this rule with the default "always" option:

    /*eslint func-names: ["error", "always"]*/
    
    Foo.prototype.bar = function bar() {};
    
    (function bar() {
        // ...
    }())

    as-needed

    ECMAScript 6 introduced a name property on all functions. The value of name is determined by evaluating the code around the function to see if a name can be inferred. For example, a function assigned to a variable will automatically have a name property equal to the name of the variable. The value of name is then used in stack traces for easier debugging.

    Examples of incorrect code for this rule with the default "as-needed" option:

    /*eslint func-names: ["error", "as-needed"]*/
    
    Foo.prototype.bar = function() {};
    
    (function() {
        // ...
    }())

    Examples of correct code for this rule with the default "as-needed" option:

    /*eslint func-names: ["error", "as-needed"]*/
    
    var bar = function() {};
    
    (function bar() {
        // ...
    }())

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint func-names: ["error", "never"]*/
    
    Foo.prototype.bar = function bar() {};
    
    (function bar() {
        // ...
    }())

    Examples of correct code for this rule with the "never" option:

    /*eslint func-names: ["error", "never"]*/
    
    Foo.prototype.bar = function() {};
    
    (function() {
        // ...
    }())

    Further Reading

    Compatibility

    Unexpected function expression.
    Open

        htmlFiles.forEach(function (pathname) {
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using arrow functions as callbacks. (prefer-arrow-callback)

    Arrow functions are suited to callbacks, because:

    • this keywords in arrow functions bind to the upper scope's.
    • The notation of the arrow function is shorter than function expression's.

    Rule Details

    This rule is aimed to flag usage of function expressions in an argument list.

    The following patterns are considered problems:

    /*eslint prefer-arrow-callback: "error"*/
    
    foo(function(a) { return a; });
    foo(function() { return this.a; }.bind(this));

    The following patterns are not considered problems:

    /*eslint prefer-arrow-callback: "error"*/
    /*eslint-env es6*/
    
    foo(a => a);
    foo(function*() { yield; });
    
    // this is not a callback.
    var foo = function foo(a) { return a; };
    
    // using `this` without `.bind(this)`.
    foo(function() { return this.a; });
    
    // recursively.
    foo(function bar(n) { return n && n + bar(n - 1); });

    Options

    This rule takes one optional argument, an object which is an options object.

    allowNamedFunctions

    This is a boolean option and it is false by default. When set to true, the rule doesn't warn on named functions used as callbacks.

    Examples of correct code for the { "allowNamedFunctions": true } option:

    /*eslint prefer-arrow-callback: ["error", { "allowNamedFunctions": true }]*/
    
    foo(function bar() {});

    allowUnboundThis

    This is a boolean option and it is true by default. When set to false, this option allows the use of this without restriction and checks for dynamically assigned this values such as when using Array.prototype.map with a context argument. Normally, the rule will flag the use of this whenever a function does not use bind() to specify the value of this constantly.

    Examples of incorrect code for the { "allowUnboundThis": false } option:

    /*eslint prefer-arrow-callback: ["error", { "allowUnboundThis": false }]*/
    /*eslint-env es6*/
    
    foo(function() { this.a; });
    
    foo(function() { (() => this); });
    
    someArray.map(function (itm) { return this.doSomething(itm); }, someObject);

    When Not To Use It

    This rule should not be used in ES3/5 environments.

    In ES2015 (ES6) or later, if you don't want to be notified about function expressions in an argument list, you can safely disable this rule. Source: http://eslint.org/docs/rules/

    Unexpected string concatenation.
    Open

            template: path.resolve(htmlPath, pathname + '.' + viewType), //html模板路径
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using template literals instead of string concatenation. (prefer-template)

    In ES2015 (ES6), we can use template literals instead of string concatenation.

    var str = "Hello, " + name + "!";
    /*eslint-env es6*/
    
    var str = `Hello, ${name}!`;

    Rule Details

    This rule is aimed to flag usage of + operators with strings.

    Examples

    Examples of incorrect code for this rule:

    /*eslint prefer-template: "error"*/
    
    var str = "Hello, " + name + "!";
    var str = "Time: " + (12 * 60 * 60 * 1000);

    Examples of correct code for this rule:

    /*eslint prefer-template: "error"*/
    /*eslint-env es6*/
    
    var str = "Hello World!";
    var str = `Hello, ${name}!`;
    var str = `Time: ${12 * 60 * 60 * 1000}`;
    
    // This is reported by `no-useless-concat`.
    var str = "Hello, " + "World!";

    When Not To Use It

    This rule should not be used in ES3/5 environments.

    In ES2015 (ES6) or later, if you don't want to be notified about string concatenation, you can safely disable this rule.

    Related Rules

    'index' is never reassigned. Use 'const' instead.
    Open

            let index = {}, i = 1,
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    Expected variable declaration to be on a new line.
    Open

            let index = {}, i = 1,
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    require or disallow newlines around variable declarations (one-var-declaration-per-line)

    Some developers declare multiple var statements on the same line:

    var foo, bar, baz;

    Others prefer to declare one var per line.

    var foo,
        bar,
        baz;

    Keeping to one of these styles across a project's codebase can help with maintaining code consistency.

    Rule Details

    This rule enforces a consistent newlines around variable declarations. This rule ignores variable declarations inside for loop conditionals.

    Options

    This rule has a single string option:

    • "initializations" (default) enforces a newline around variable initializations
    • "always" enforces a newline around variable declarations

    initializations

    Examples of incorrect code for this rule with the default "initializations" option:

    /*eslint one-var-declaration-per-line: ["error", "initializations"]*/
    /*eslint-env es6*/
    
    var a, b, c = 0;
    
    let a,
        b = 0, c;

    Examples of correct code for this rule with the default "initializations" option:

    /*eslint one-var-declaration-per-line: ["error", "initializations"]*/
    /*eslint-env es6*/
    
    var a, b;
    
    let a,
        b;
    
    let a,
        b = 0;

    always

    Examples of incorrect code for this rule with the "always" option:

    /*eslint one-var-declaration-per-line: ["error", "always"]*/
    /*eslint-env es6*/
    
    var a, b;
    
    let a, b = 0;
    
    const a = 0, b = 0;

    Examples of correct code for this rule with the "always" option:

    /*eslint one-var-declaration-per-line: ["error", "always"]*/
    /*eslint-env es6*/
    
    var a,
        b;
    
    let a,
        b = 0;

    Related Rules

    Expected indentation of 10 spaces but found 12.
    Open

                len           = conf.chunks.length;
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    Expected indentation of 10 spaces but found 12.
    Open

                bI = index[b.origins[0].name];
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce consistent indentation (indent)

    There are several common guidelines which require specific indentation of nested blocks and statements, like:

    function hello(indentSize, type) {
        if (indentSize === 4 && type !== 'tab') {
            console.log('Each next indentation will increase on 4 spaces');
        }
    }

    These are the most common scenarios recommended in different style guides:

    • Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix
    • Tabs: jQuery
    • Four spaces: Crockford

    Rule Details

    This rule enforces a consistent indentation style. The default style is 4 spaces.

    Options

    This rule has a mixed option:

    For example, for 2-space indentation:

    {
        "indent": ["error", 2]
    }

    Or for tabbed indentation:

    {
        "indent": ["error", "tab"]
    }

    Examples of incorrect code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
      b=c;
      function foo(d) {
        e=f;
      }
    }

    Examples of correct code for this rule with the default options:

    /*eslint indent: "error"*/
    
    if (a) {
        b=c;
        function foo(d) {
            e=f;
        }
    }

    This rule has an object option:

    • "SwitchCase" (default: 0) enforces indentation level for case clauses in switch statements
    • "VariableDeclarator" (default: 1) enforces indentation level for var declarators; can also take an object to define separate rules for var, let and const declarations.
    • "outerIIFEBody" (default: 1) enforces indentation level for file-level IIFEs.
    • "MemberExpression" (off by default) enforces indentation level for multi-line property chains (except in variable declarations and assignments)
    • "FunctionDeclaration" takes an object to define rules for function declarations.
      • parameters (off by default) enforces indentation level for parameters in a function declaration. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the declaration must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function declaration.
    • "FunctionExpression" takes an object to define rules for function expressions.
      • parameters (off by default) enforces indentation level for parameters in a function expression. This can either be a number indicating indentation level, or the string "first" indicating that all parameters of the expression must be aligned with the first parameter.
      • body (default: 1) enforces indentation level for the body of a function expression.
    • "CallExpression" takes an object to define rules for function call expressions.
      • arguments (off by default) enforces indentation level for arguments in a call expression. This can either be a number indicating indentation level, or the string "first" indicating that all arguments of the expression must be aligned with the first argument.
    • "ArrayExpression" (default: 1) enforces indentation level for elements in arrays. It can also be set to the string "first", indicating that all the elements in the array should be aligned with the first element.
    • "ObjectExpression" (default: 1) enforces indentation level for properties in objects. It can be set to the string "first", indicating that all properties in the object should be aligned with the first property.

    Level of indentation denotes the multiple of the indent specified. Example:

    • Indent of 4 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 8 spaces.
    • Indent of 2 spaces with VariableDeclarator set to 2 will indent the multi-line variable declarations with 4 spaces.
    • Indent of 2 spaces with VariableDeclarator set to {"var": 2, "let": 2, "const": 3} will indent the multi-line variable declarations with 4 spaces for var and let, 6 spaces for const statements.
    • Indent of tab with VariableDeclarator set to 2 will indent the multi-line variable declarations with 2 tabs.
    • Indent of 2 spaces with SwitchCase set to 0 will not indent case clauses with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 1 will indent case clauses with 2 spaces with respect to switch statements.
    • Indent of 2 spaces with SwitchCase set to 2 will indent case clauses with 4 spaces with respect to switch statements.
    • Indent of tab with SwitchCase set to 2 will indent case clauses with 2 tabs with respect to switch statements.
    • Indent of 2 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 2 spaces with MemberExpression set to 1 will indent the multi-line property chains with 2 spaces.
    • Indent of 2 spaces with MemberExpression set to 2 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 0 will indent the multi-line property chains with 0 spaces.
    • Indent of 4 spaces with MemberExpression set to 1 will indent the multi-line property chains with 4 spaces.
    • Indent of 4 spaces with MemberExpression set to 2 will indent the multi-line property chains with 8 spaces.

    tab

    Examples of incorrect code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
         b=c;
    function foo(d) {
               e=f;
     }
    }

    Examples of correct code for this rule with the "tab" option:

    /*eslint indent: ["error", "tab"]*/
    
    if (a) {
    /*tab*/b=c;
    /*tab*/function foo(d) {
    /*tab*//*tab*/e=f;
    /*tab*/}
    }

    SwitchCase

    Examples of incorrect code for this rule with the 2, { "SwitchCase": 1 } options:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
    case "a":
        break;
    case "b":
        break;
    }

    Examples of correct code for this rule with the 2, { "SwitchCase": 1 } option:

    /*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/
    
    switch(a){
      case "a":
        break;
      case "b":
        break;
    }

    VariableDeclarator

    Examples of incorrect code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 1 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/
    /*eslint-env es6*/
    
    var a,
      b,
      c;
    let a,
      b,
      c;
    const a = 1,
      b = 2,
      c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": 2 } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
        b = 2,
        c = 3;

    Examples of correct code for this rule with the 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } } options:

    /*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/
    /*eslint-env es6*/
    
    var a,
        b,
        c;
    let a,
        b,
        c;
    const a = 1,
          b = 2,
          c = 3;

    outerIIFEBody

    Examples of incorrect code for this rule with the options 2, { "outerIIFEBody": 0 }:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
      function foo(x) {
        return x + 1;
      }
    
    })();
    
    
    if(y) {
    console.log('foo');
    }

    Examples of correct code for this rule with the options 2, {"outerIIFEBody": 0}:

    /*eslint indent: ["error", 2, { "outerIIFEBody": 0 }]*/
    
    (function() {
    
    function foo(x) {
      return x + 1;
    }
    
    })();
    
    
    if(y) {
       console.log('foo');
    }

    MemberExpression

    Examples of incorrect code for this rule with the 2, { "MemberExpression": 1 } options:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
    .bar
    .baz()

    Examples of correct code for this rule with the 2, { "MemberExpression": 1 } option:

    /*eslint indent: ["error", 2, { "MemberExpression": 1 }]*/
    
    foo
      .bar
      .baz();
    
    // Any indentation is permitted in variable declarations and assignments.
    var bip = aardvark.badger
                      .coyote;

    FunctionDeclaration

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionDeclaration": {"body": 1, "parameters": 2} }]*/
    
    function foo(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionDeclaration": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionDeclaration": {"parameters": "first"}}]*/
    
    function foo(bar, baz,
                 qux, boop) {
      qux();
    }

    FunctionExpression

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
      baz,
      qux) {
        qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"body": 1, "parameters": 2} } option:

    /*eslint indent: ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]*/
    
    var foo = function(bar,
        baz,
        qux) {
      qux();
    }

    Examples of incorrect code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
      qux, boop) {
      qux();
    }

    Examples of correct code for this rule with the 2, { "FunctionExpression": {"parameters": "first"} } option:

    /*eslint indent: ["error", 2, {"FunctionExpression": {"parameters": "first"}}]*/
    
    var foo = function(bar, baz,
                       qux, boop) {
      qux();
    }

    CallExpression

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
        baz,
          qux
    );

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": 1} } option:

    /*eslint indent: ["error", 2, { "CallExpression": {"arguments": 1} }]*/
    
    foo(bar,
      baz,
      qux
    );

    Examples of incorrect code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
      baz, boop, beep);

    Examples of correct code for this rule with the 2, { "CallExpression": {"arguments": "first"} } option:

    /*eslint indent: ["error", 2, {"CallExpression": {"arguments": "first"}}]*/
    
    foo(bar, baz,
        baz, boop, beep);

    ArrayExpression

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
        bar,
    baz,
          qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ArrayExpression": 1 }]*/
    
    var foo = [
      bar,
      baz,
      qux
    ];

    Examples of incorrect code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
      baz,
      qux
    ];

    Examples of correct code for this rule with the 2, { "ArrayExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ArrayExpression": "first"}]*/
    
    var foo = [bar,
               baz,
               qux
    ];

    ObjectExpression

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
        bar: 1,
    baz: 2,
          qux: 3
    };

    Examples of correct code for this rule with the 2, { "ObjectExpression": 1 } option:

    /*eslint indent: ["error", 2, { "ObjectExpression": 1 }]*/
    
    var foo = {
      bar: 1,
      baz: 2,
      qux: 3
    };

    Examples of incorrect code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
      baz: 2 };

    Examples of correct code for this rule with the 2, { "ObjectExpression": "first" } option:

    /*eslint indent: ["error", 2, {"ObjectExpression": "first"}]*/
    
    var foo = { bar: 1,
                baz: 2 };

    Compatibility

    'aI' is never reassigned. Use 'const' instead.
    Open

            let aI = index[a.origins[0].name],
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    'len' is never reassigned. Use 'const' instead.
    Open

                len           = conf.chunks.length;
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    'bI' is never reassigned. Use 'const' instead.
    Open

                bI = index[b.origins[0].name];
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Suggest using const (prefer-const)

    If a variable is never reassigned, using the const declaration is better.

    const declaration tells readers, "this variable is never reassigned," reducing cognitive load and improving maintainability.

    Rule Details

    This rule is aimed at flagging variables that are declared using let keyword, but never reassigned after the initial assignment.

    Examples of incorrect code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // it's initialized and never reassigned.
    let a = 3;
    console.log(a);
    
    let a;
    a = 0;
    console.log(a);
    
    // `i` is redefined (not reassigned) on each loop step.
    for (let i in [1, 2, 3]) {
        console.log(i);
    }
    
    // `a` is redefined (not reassigned) on each loop step.
    for (let a of [1, 2, 3]) {
        console.log(a);
    }

    Examples of correct code for this rule:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const a = 0;
    
    // it's never initialized.
    let a;
    console.log(a);
    
    // it's reassigned after initialized.
    let a;
    a = 0;
    a = 1;
    console.log(a);
    
    // it's initialized in a different block from the declaration.
    let a;
    if (true) {
        a = 0;
    }
    console.log(a);
    
    // it's initialized at a place that we cannot write a variable declaration.
    let a;
    if (true) a = 0;
    console.log(a);
    
    // `i` gets a new binding each iteration
    for (const i in [1, 2, 3]) {
      console.log(i);
    }
    
    // `a` gets a new binding each iteration
    for (const a of [1, 2, 3]) {
      console.log(a);
    }
    
    // `end` is never reassigned, but we cannot separate the declarations without modifying the scope.
    for (let i = 0, end = 10; i < end; ++i) {
        console.log(a);
    }
    
    // suggest to use `no-var` rule.
    var b = 3;
    console.log(b);

    Options

    {
        "prefer-const": ["error", {
            "destructuring": "any",
            "ignoreReadBeforeAssign": false
        }]
    }

    destructuring

    The kind of the way to address variables in destructuring. There are 2 values:

    • "any" (default) - If any variables in destructuring should be const, this rule warns for those variables.
    • "all" - If all variables in destructuring should be const, this rule warns the variables. Otherwise, ignores them.

    Examples of incorrect code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    let {a, b} = obj;    /*error 'b' is never reassigned, use 'const' instead.*/
    a = a + 1;

    Examples of correct code for the default {"destructuring": "any"} option:

    /*eslint prefer-const: "error"*/
    /*eslint-env es6*/
    
    // using const.
    const {a: a0, b} = obj;
    const a = a0 + 1;
    
    // all variables are reassigned.
    let {a, b} = obj;
    a = a + 1;
    b = b + 1;

    Examples of incorrect code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // all of `a` and `b` should be const, so those are warned.
    let {a, b} = obj;    /*error 'a' is never reassigned, use 'const' instead.
                                 'b' is never reassigned, use 'const' instead.*/

    Examples of correct code for the {"destructuring": "all"} option:

    /*eslint prefer-const: ["error", {"destructuring": "all"}]*/
    /*eslint-env es6*/
    
    // 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.
    let {a, b} = obj;
    a = a + 1;

    ignoreReadBeforeAssign

    This is an option to avoid conflicting with no-use-before-define rule (without "nofunc" option). If true is specified, this rule will ignore variables that are read between the declaration and the first assignment. Default is false.

    Examples of correct code for the {"ignoreReadBeforeAssign": true} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/
    /*eslint-env es6*/
    
    let timer;
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }
    timer = setInterval(initialize, 100);

    Examples of correct code for the default {"ignoreReadBeforeAssign": false} option:

    /*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/
    /*eslint-env es6*/
    
    const timer = setInterval(initialize, 100);
    function initialize() {
        if (foo()) {
            clearInterval(timer);
        }
    }

    When Not To Use It

    If you don't want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.

    Related Rules

    Split 'let' declarations into multiple statements.
    Open

            let aI = index[a.origins[0].name],
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    enforce variables to be declared either together or separately in functions (one-var)

    Variables can be declared at any point in JavaScript code using var, let, or const. There are many styles and preferences related to the declaration of variables, and one of those is deciding on how many variable declarations should be allowed in a single function.

    There are two schools of thought in this regard:

    1. There should be just one variable declaration for all variables in the function. That declaration typically appears at the top of the function.
    2. You should use one variable declaration for each variable you want to define.

    For instance:

    // one variable declaration per function
    function foo() {
        var bar, baz;
    }
    
    // multiple variable declarations per function
    function foo() {
        var bar;
        var baz;
    }

    The single-declaration school of thought is based in pre-ECMAScript 6 behaviors, where there was no such thing as block scope, only function scope. Since all var statements are hoisted to the top of the function anyway, some believe that declaring all variables in a single declaration at the top of the function removes confusion around scoping rules.

    Rule Details

    This rule enforces variables to be declared either together or separately per function ( for var) or block (for let and const) scope.

    Options

    This rule has one option, which can be a string option or an object option.

    String option:

    • "always" (default) requires one variable declaration per scope
    • "never" requires multiple variable declarations per scope

    Object option:

    • "var": "always" requires one var declaration per function
    • "var": "never" requires multiple var declarations per function
    • "let": "always" requires one let declaration per block
    • "let": "never" requires multiple let declarations per block
    • "const": "always" requires one const declaration per block
    • "const": "never" requires multiple const declarations per block

    Alternate object option:

    • "initialized": "always" requires one variable declaration for initialized variables per scope
    • "initialized": "never" requires multiple variable declarations for initialized variables per scope
    • "uninitialized": "always" requires one variable declaration for uninitialized variables per scope
    • "uninitialized": "never" requires multiple variable declarations for uninitialized variables per scope

    always

    Examples of incorrect code for this rule with the default "always" option:

    /*eslint one-var: ["error", "always"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
        let qux;
        let norf;
    }
    
    function foo(){
        const bar = false;
        const baz = true;
        let qux;
        let norf;
    }
    
    function foo() {
        var bar;
    
        if (baz) {
            var qux = true;
        }
    }

    Examples of correct code for this rule with the default "always" option:

    /*eslint one-var: ["error", "always"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        let qux,
            norf;
    }
    
    function foo(){
        const bar = true,
            baz = false;
        let qux,
            norf;
    }
    
    function foo() {
        var bar,
            qux;
    
        if (baz) {
            qux = true;
        }
    }
    
    function foo(){
        let bar;
    
        if (baz) {
            let qux;
        }
    }

    never

    Examples of incorrect code for this rule with the "never" option:

    /*eslint one-var: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        const bar = true,
            baz = false;
    }
    
    function foo() {
        var bar,
            qux;
    
        if (baz) {
            qux = true;
        }
    }
    
    function foo(){
        let bar = true,
            baz = false;
    }

    Examples of correct code for this rule with the "never" option:

    /*eslint one-var: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
    }
    
    function foo() {
        var bar;
    
        if (baz) {
            var qux = true;
        }
    }
    
    function foo() {
        let bar;
    
        if (baz) {
            let qux = true;
        }
    }

    var, let, and const

    Examples of incorrect code for this rule with the { var: "always", let: "never", const: "never" } option:

    /*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar;
        var baz;
        let qux,
            norf;
    }
    
    function foo() {
        const bar = 1,
              baz = 2;
        let qux,
            norf;
    }

    Examples of correct code for this rule with the { var: "always", let: "never", const: "never" } option:

    /*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        let qux;
        let norf;
    }
    
    function foo() {
        const bar = 1;
        const baz = 2;
        let qux;
        let norf;
    }

    Examples of incorrect code for this rule with the { var: "never" } option:

    /*eslint one-var: ["error", { var: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
    }

    Examples of correct code for this rule with the { var: "never" } option:

    /*eslint one-var: ["error", { var: "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var bar,
            baz;
        const bar = 1; // `const` and `let` declarations are ignored if they are not specified
        const baz = 2;
        let qux;
        let norf;
    }

    initialized and uninitialized

    Examples of incorrect code for this rule with the { "initialized": "always", "uninitialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "always", "uninitialized": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var a, b, c;
        var foo = true;
        var bar = false;
    }

    Examples of correct code for this rule with the { "initialized": "always", "uninitialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "always", "uninitialized": "never" }]*/
    
    function foo() {
        var a;
        var b;
        var c;
        var foo = true,
            bar = false;
    }
    
    for (let z of foo) {
        doSomething(z);
    }
    
    let z;
    for (z of foo) {
        doSomething(z);
    }

    Examples of incorrect code for this rule with the { "initialized": "never" } option:

    /*eslint one-var: ["error", { "initialized": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        var foo = true,
            bar = false;
    }

    Examples of correct code for this rule with the { "initialized": "never" } option:

    /*eslint one-var: ["error", { initialized: "never" }]*/
    
    function foo() {
        var foo = true;
        var bar = false;
        var a, b, c; // Uninitialized variables are ignored
    }

    Compatibility

    Multiple spaces found before '='.
    Open

          glob              = require('glob'),
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Disallow multiple spaces (no-multi-spaces)

    Multiple spaces in a row that are not used for indentation are typically mistakes. For example:

    if(foo  === "bar") {}

    It's hard to tell, but there are two spaces between foo and ===. Multiple spaces such as this are generally frowned upon in favor of single spaces:

    if(foo === "bar") {}

    Rule Details

    This rule aims to disallow multiple whitespace around logical expressions, conditional expressions, declarations, array elements, object properties, sequences and function parameters.

    Examples of incorrect code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a =  1;
    
    if(foo   === "bar") {}
    
    a <<  b
    
    var arr = [1,  2];
    
    a ?  b: c

    Examples of correct code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a = 1;
    
    if(foo === "bar") {}
    
    a << b
    
    var arr = [1, 2];
    
    a ? b: c

    Options

    To avoid contradictions if some other rules require multiple spaces, this rule has an option to ignore certain node types in the abstract syntax tree (AST) of JavaScript code.

    exceptions

    The exceptions object expects property names to be AST node types as defined by ESTree. The easiest way to determine the node types for exceptions is to use the online demo.

    Only the Property node type is ignored by default, because for the [key-spacing](key-spacing.md) rule some alignment options require multiple spaces in properties of object literals.

    Examples of correct code for the default "exceptions": { "Property": true } option:

    /*eslint no-multi-spaces: "error"*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of incorrect code for the "exceptions": { "Property": false } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "Property": false } }]*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of correct code for the "exceptions": { "BinaryExpression": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "BinaryExpression": true } }]*/
    
    var a = 1  *  2;

    Examples of correct code for the "exceptions": { "VariableDeclarator": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "VariableDeclarator": true } }]*/
    
    var someVar      = 'foo';
    var someOtherVar = 'barBaz';

    Examples of correct code for the "exceptions": { "ImportDeclaration": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "ImportDeclaration": true } }]*/
    
    import mod          from 'mod';
    import someOtherMod from 'some-other-mod';

    When Not To Use It

    If you don't want to check and disallow multiple spaces, then you should turn this rule off.

    Related Rules

    • [key-spacing](key-spacing.md)
    • [space-infix-ops](space-infix-ops.md)
    • [space-in-brackets](space-in-brackets.md) (deprecated)
    • [space-in-parens](space-in-parens.md)
    • [space-after-keywords](space-after-keywords)
    • [space-unary-ops](space-unary-ops)
    • [space-return-throw-case](space-return-throw-case) Source: http://eslint.org/docs/rules/

    'option' is already declared in the upper scope.
    Open

        function getEntry(option, VIEWS) {
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    disallow variable declarations from shadowing variables declared in the outer scope (no-shadow)

    Shadowing is the process by which a local variable shares the same name as a variable in its containing scope. For example:

    var a = 3;
    function b() {
        var a = 10;
    }

    In this case, the variable a inside of b() is shadowing the variable a in the global scope. This can cause confusion while reading the code and it's impossible to access the global variable.

    Rule Details

    This rule aims to eliminate shadowed variable declarations.

    Examples of incorrect code for this rule:

    /*eslint no-shadow: "error"*/
    /*eslint-env es6*/
    
    var a = 3;
    function b() {
        var a = 10;
    }
    
    var b = function () {
        var a = 10;
    }
    
    function b(a) {
        a = 10;
    }
    b(a);
    
    if (true) {
        let a = 5;
    }

    Options

    This rule takes one option, an object, with properties "builtinGlobals", "hoist" and "allow".

    {
        "no-shadow": ["error", { "builtinGlobals": false, "hoist": "functions", "allow": [] }]
    }

    builtinGlobals

    The builtinGlobals option is false by default. If it is true, the rule prevents shadowing of built-in global variables: Object, Array, Number, and so on.

    Examples of incorrect code for the { "builtinGlobals": true } option:

    /*eslint no-shadow: ["error", { "builtinGlobals": true }]*/
    
    function foo() {
        var Object = 0;
    }

    hoist

    The hoist option has three settings:

    • functions (by default) - reports shadowing before the outer functions are defined.
    • all - reports all shadowing before the outer variables/functions are defined.
    • never - never report shadowing before the outer variables/functions are defined.

    hoist: functions

    Examples of incorrect code for the default { "hoist": "functions" } option:

    /*eslint no-shadow: ["error", { "hoist": "functions" }]*/
    /*eslint-env es6*/
    
    if (true) {
        let b = 6;
    }
    
    function b() {}

    Although let b in the if statement is before the function declaration in the outer scope, it is incorrect.

    Examples of correct code for the default { "hoist": "functions" } option:

    /*eslint no-shadow: ["error", { "hoist": "functions" }]*/
    /*eslint-env es6*/
    
    if (true) {
        let a = 3;
    }
    
    let a = 5;

    Because let a in the if statement is before the variable declaration in the outer scope, it is correct.

    hoist: all

    Examples of incorrect code for the { "hoist": "all" } option:

    /*eslint no-shadow: ["error", { "hoist": "all" }]*/
    /*eslint-env es6*/
    
    if (true) {
        let a = 3;
        let b = 6;
    }
    
    let a = 5;
    function b() {}

    hoist: never

    Examples of correct code for the { "hoist": "never" } option:

    /*eslint no-shadow: ["error", { "hoist": "never" }]*/
    /*eslint-env es6*/
    
    if (true) {
        let a = 3;
        let b = 6;
    }
    
    let a = 5;
    function b() {}

    Because let a and let b in the if statement are before the declarations in the outer scope, they are correct.

    allow

    The allow option is an array of identifier names for which shadowing is allowed. For example, "resolve", "reject", "done", "cb".

    Examples of correct code for the { "allow": ["done"] } option:

    /*eslint no-shadow: ["error", { "allow": ["done"] }]*/
    /*eslint-env es6*/
    
    import async from 'async';
    
    function foo(done) {
      async.map([1, 2], function (e, done) {
        done(null, e * 2)
      }, done);
    }
    
    foo(function (err, result) {
      console.log({ err, result });
    });

    Further Reading

    Related Rules

    'VIEWS' is already declared in the upper scope.
    Open

        function getEntry(option, VIEWS) {
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    disallow variable declarations from shadowing variables declared in the outer scope (no-shadow)

    Shadowing is the process by which a local variable shares the same name as a variable in its containing scope. For example:

    var a = 3;
    function b() {
        var a = 10;
    }

    In this case, the variable a inside of b() is shadowing the variable a in the global scope. This can cause confusion while reading the code and it's impossible to access the global variable.

    Rule Details

    This rule aims to eliminate shadowed variable declarations.

    Examples of incorrect code for this rule:

    /*eslint no-shadow: "error"*/
    /*eslint-env es6*/
    
    var a = 3;
    function b() {
        var a = 10;
    }
    
    var b = function () {
        var a = 10;
    }
    
    function b(a) {
        a = 10;
    }
    b(a);
    
    if (true) {
        let a = 5;
    }

    Options

    This rule takes one option, an object, with properties "builtinGlobals", "hoist" and "allow".

    {
        "no-shadow": ["error", { "builtinGlobals": false, "hoist": "functions", "allow": [] }]
    }

    builtinGlobals

    The builtinGlobals option is false by default. If it is true, the rule prevents shadowing of built-in global variables: Object, Array, Number, and so on.

    Examples of incorrect code for the { "builtinGlobals": true } option:

    /*eslint no-shadow: ["error", { "builtinGlobals": true }]*/
    
    function foo() {
        var Object = 0;
    }

    hoist

    The hoist option has three settings:

    • functions (by default) - reports shadowing before the outer functions are defined.
    • all - reports all shadowing before the outer variables/functions are defined.
    • never - never report shadowing before the outer variables/functions are defined.

    hoist: functions

    Examples of incorrect code for the default { "hoist": "functions" } option:

    /*eslint no-shadow: ["error", { "hoist": "functions" }]*/
    /*eslint-env es6*/
    
    if (true) {
        let b = 6;
    }
    
    function b() {}

    Although let b in the if statement is before the function declaration in the outer scope, it is incorrect.

    Examples of correct code for the default { "hoist": "functions" } option:

    /*eslint no-shadow: ["error", { "hoist": "functions" }]*/
    /*eslint-env es6*/
    
    if (true) {
        let a = 3;
    }
    
    let a = 5;

    Because let a in the if statement is before the variable declaration in the outer scope, it is correct.

    hoist: all

    Examples of incorrect code for the { "hoist": "all" } option:

    /*eslint no-shadow: ["error", { "hoist": "all" }]*/
    /*eslint-env es6*/
    
    if (true) {
        let a = 3;
        let b = 6;
    }
    
    let a = 5;
    function b() {}

    hoist: never

    Examples of correct code for the { "hoist": "never" } option:

    /*eslint no-shadow: ["error", { "hoist": "never" }]*/
    /*eslint-env es6*/
    
    if (true) {
        let a = 3;
        let b = 6;
    }
    
    let a = 5;
    function b() {}

    Because let a and let b in the if statement are before the declarations in the outer scope, they are correct.

    allow

    The allow option is an array of identifier names for which shadowing is allowed. For example, "resolve", "reject", "done", "cb".

    Examples of correct code for the { "allow": ["done"] } option:

    /*eslint no-shadow: ["error", { "allow": ["done"] }]*/
    /*eslint-env es6*/
    
    import async from 'async';
    
    function foo(done) {
      async.map([1, 2], function (e, done) {
        done(null, e * 2)
      }, done);
    }
    
    foo(function (err, result) {
      console.log({ err, result });
    });

    Further Reading

    Related Rules

    Multiple spaces found before '='.
    Open

          files             = require('./base/files'),
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Disallow multiple spaces (no-multi-spaces)

    Multiple spaces in a row that are not used for indentation are typically mistakes. For example:

    if(foo  === "bar") {}

    It's hard to tell, but there are two spaces between foo and ===. Multiple spaces such as this are generally frowned upon in favor of single spaces:

    if(foo === "bar") {}

    Rule Details

    This rule aims to disallow multiple whitespace around logical expressions, conditional expressions, declarations, array elements, object properties, sequences and function parameters.

    Examples of incorrect code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a =  1;
    
    if(foo   === "bar") {}
    
    a <<  b
    
    var arr = [1,  2];
    
    a ?  b: c

    Examples of correct code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a = 1;
    
    if(foo === "bar") {}
    
    a << b
    
    var arr = [1, 2];
    
    a ? b: c

    Options

    To avoid contradictions if some other rules require multiple spaces, this rule has an option to ignore certain node types in the abstract syntax tree (AST) of JavaScript code.

    exceptions

    The exceptions object expects property names to be AST node types as defined by ESTree. The easiest way to determine the node types for exceptions is to use the online demo.

    Only the Property node type is ignored by default, because for the [key-spacing](key-spacing.md) rule some alignment options require multiple spaces in properties of object literals.

    Examples of correct code for the default "exceptions": { "Property": true } option:

    /*eslint no-multi-spaces: "error"*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of incorrect code for the "exceptions": { "Property": false } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "Property": false } }]*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of correct code for the "exceptions": { "BinaryExpression": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "BinaryExpression": true } }]*/
    
    var a = 1  *  2;

    Examples of correct code for the "exceptions": { "VariableDeclarator": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "VariableDeclarator": true } }]*/
    
    var someVar      = 'foo';
    var someOtherVar = 'barBaz';

    Examples of correct code for the "exceptions": { "ImportDeclaration": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "ImportDeclaration": true } }]*/
    
    import mod          from 'mod';
    import someOtherMod from 'some-other-mod';

    When Not To Use It

    If you don't want to check and disallow multiple spaces, then you should turn this rule off.

    Related Rules

    • [key-spacing](key-spacing.md)
    • [space-infix-ops](space-infix-ops.md)
    • [space-in-brackets](space-in-brackets.md) (deprecated)
    • [space-in-parens](space-in-parens.md)
    • [space-after-keywords](space-after-keywords)
    • [space-unary-ops](space-unary-ops)
    • [space-return-throw-case](space-return-throw-case) Source: http://eslint.org/docs/rules/

    'files' is already declared in the upper scope.
    Open

              files   = glob.sync(option.globPath);
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    disallow variable declarations from shadowing variables declared in the outer scope (no-shadow)

    Shadowing is the process by which a local variable shares the same name as a variable in its containing scope. For example:

    var a = 3;
    function b() {
        var a = 10;
    }

    In this case, the variable a inside of b() is shadowing the variable a in the global scope. This can cause confusion while reading the code and it's impossible to access the global variable.

    Rule Details

    This rule aims to eliminate shadowed variable declarations.

    Examples of incorrect code for this rule:

    /*eslint no-shadow: "error"*/
    /*eslint-env es6*/
    
    var a = 3;
    function b() {
        var a = 10;
    }
    
    var b = function () {
        var a = 10;
    }
    
    function b(a) {
        a = 10;
    }
    b(a);
    
    if (true) {
        let a = 5;
    }

    Options

    This rule takes one option, an object, with properties "builtinGlobals", "hoist" and "allow".

    {
        "no-shadow": ["error", { "builtinGlobals": false, "hoist": "functions", "allow": [] }]
    }

    builtinGlobals

    The builtinGlobals option is false by default. If it is true, the rule prevents shadowing of built-in global variables: Object, Array, Number, and so on.

    Examples of incorrect code for the { "builtinGlobals": true } option:

    /*eslint no-shadow: ["error", { "builtinGlobals": true }]*/
    
    function foo() {
        var Object = 0;
    }

    hoist

    The hoist option has three settings:

    • functions (by default) - reports shadowing before the outer functions are defined.
    • all - reports all shadowing before the outer variables/functions are defined.
    • never - never report shadowing before the outer variables/functions are defined.

    hoist: functions

    Examples of incorrect code for the default { "hoist": "functions" } option:

    /*eslint no-shadow: ["error", { "hoist": "functions" }]*/
    /*eslint-env es6*/
    
    if (true) {
        let b = 6;
    }
    
    function b() {}

    Although let b in the if statement is before the function declaration in the outer scope, it is incorrect.

    Examples of correct code for the default { "hoist": "functions" } option:

    /*eslint no-shadow: ["error", { "hoist": "functions" }]*/
    /*eslint-env es6*/
    
    if (true) {
        let a = 3;
    }
    
    let a = 5;

    Because let a in the if statement is before the variable declaration in the outer scope, it is correct.

    hoist: all

    Examples of incorrect code for the { "hoist": "all" } option:

    /*eslint no-shadow: ["error", { "hoist": "all" }]*/
    /*eslint-env es6*/
    
    if (true) {
        let a = 3;
        let b = 6;
    }
    
    let a = 5;
    function b() {}

    hoist: never

    Examples of correct code for the { "hoist": "never" } option:

    /*eslint no-shadow: ["error", { "hoist": "never" }]*/
    /*eslint-env es6*/
    
    if (true) {
        let a = 3;
        let b = 6;
    }
    
    let a = 5;
    function b() {}

    Because let a and let b in the if statement are before the declarations in the outer scope, they are correct.

    allow

    The allow option is an array of identifier names for which shadowing is allowed. For example, "resolve", "reject", "done", "cb".

    Examples of correct code for the { "allow": ["done"] } option:

    /*eslint no-shadow: ["error", { "allow": ["done"] }]*/
    /*eslint-env es6*/
    
    import async from 'async';
    
    function foo(done) {
      async.map([1, 2], function (e, done) {
        done(null, e * 2)
      }, done);
    }
    
    foo(function (err, result) {
      console.log({ err, result });
    });

    Further Reading

    Related Rules

    Multiple spaces found before '='.
    Open

            jsBundle  = debug ? `${files.jsName}/[name].js` : `${files.jsName}/[name].[chunkhash:8].js`,
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Disallow multiple spaces (no-multi-spaces)

    Multiple spaces in a row that are not used for indentation are typically mistakes. For example:

    if(foo  === "bar") {}

    It's hard to tell, but there are two spaces between foo and ===. Multiple spaces such as this are generally frowned upon in favor of single spaces:

    if(foo === "bar") {}

    Rule Details

    This rule aims to disallow multiple whitespace around logical expressions, conditional expressions, declarations, array elements, object properties, sequences and function parameters.

    Examples of incorrect code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a =  1;
    
    if(foo   === "bar") {}
    
    a <<  b
    
    var arr = [1,  2];
    
    a ?  b: c

    Examples of correct code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a = 1;
    
    if(foo === "bar") {}
    
    a << b
    
    var arr = [1, 2];
    
    a ? b: c

    Options

    To avoid contradictions if some other rules require multiple spaces, this rule has an option to ignore certain node types in the abstract syntax tree (AST) of JavaScript code.

    exceptions

    The exceptions object expects property names to be AST node types as defined by ESTree. The easiest way to determine the node types for exceptions is to use the online demo.

    Only the Property node type is ignored by default, because for the [key-spacing](key-spacing.md) rule some alignment options require multiple spaces in properties of object literals.

    Examples of correct code for the default "exceptions": { "Property": true } option:

    /*eslint no-multi-spaces: "error"*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of incorrect code for the "exceptions": { "Property": false } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "Property": false } }]*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of correct code for the "exceptions": { "BinaryExpression": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "BinaryExpression": true } }]*/
    
    var a = 1  *  2;

    Examples of correct code for the "exceptions": { "VariableDeclarator": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "VariableDeclarator": true } }]*/
    
    var someVar      = 'foo';
    var someOtherVar = 'barBaz';

    Examples of correct code for the "exceptions": { "ImportDeclaration": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "ImportDeclaration": true } }]*/
    
    import mod          from 'mod';
    import someOtherMod from 'some-other-mod';

    When Not To Use It

    If you don't want to check and disallow multiple spaces, then you should turn this rule off.

    Related Rules

    • [key-spacing](key-spacing.md)
    • [space-infix-ops](space-infix-ops.md)
    • [space-in-brackets](space-in-brackets.md) (deprecated)
    • [space-in-parens](space-in-parens.md)
    • [space-after-keywords](space-after-keywords)
    • [space-unary-ops](space-unary-ops)
    • [space-return-throw-case](space-return-throw-case) Source: http://eslint.org/docs/rules/

    Multiple spaces found before '='.
    Open

              files   = glob.sync(option.globPath);
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Disallow multiple spaces (no-multi-spaces)

    Multiple spaces in a row that are not used for indentation are typically mistakes. For example:

    if(foo  === "bar") {}

    It's hard to tell, but there are two spaces between foo and ===. Multiple spaces such as this are generally frowned upon in favor of single spaces:

    if(foo === "bar") {}

    Rule Details

    This rule aims to disallow multiple whitespace around logical expressions, conditional expressions, declarations, array elements, object properties, sequences and function parameters.

    Examples of incorrect code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a =  1;
    
    if(foo   === "bar") {}
    
    a <<  b
    
    var arr = [1,  2];
    
    a ?  b: c

    Examples of correct code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a = 1;
    
    if(foo === "bar") {}
    
    a << b
    
    var arr = [1, 2];
    
    a ? b: c

    Options

    To avoid contradictions if some other rules require multiple spaces, this rule has an option to ignore certain node types in the abstract syntax tree (AST) of JavaScript code.

    exceptions

    The exceptions object expects property names to be AST node types as defined by ESTree. The easiest way to determine the node types for exceptions is to use the online demo.

    Only the Property node type is ignored by default, because for the [key-spacing](key-spacing.md) rule some alignment options require multiple spaces in properties of object literals.

    Examples of correct code for the default "exceptions": { "Property": true } option:

    /*eslint no-multi-spaces: "error"*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of incorrect code for the "exceptions": { "Property": false } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "Property": false } }]*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of correct code for the "exceptions": { "BinaryExpression": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "BinaryExpression": true } }]*/
    
    var a = 1  *  2;

    Examples of correct code for the "exceptions": { "VariableDeclarator": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "VariableDeclarator": true } }]*/
    
    var someVar      = 'foo';
    var someOtherVar = 'barBaz';

    Examples of correct code for the "exceptions": { "ImportDeclaration": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "ImportDeclaration": true } }]*/
    
    import mod          from 'mod';
    import someOtherMod from 'some-other-mod';

    When Not To Use It

    If you don't want to check and disallow multiple spaces, then you should turn this rule off.

    Related Rules

    • [key-spacing](key-spacing.md)
    • [space-infix-ops](space-infix-ops.md)
    • [space-in-brackets](space-in-brackets.md) (deprecated)
    • [space-in-parens](space-in-parens.md)
    • [space-after-keywords](space-after-keywords)
    • [space-unary-ops](space-unary-ops)
    • [space-return-throw-case](space-return-throw-case) Source: http://eslint.org/docs/rules/

    Multiple spaces found before '='.
    Open

            fileCss   = getEntry({
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Disallow multiple spaces (no-multi-spaces)

    Multiple spaces in a row that are not used for indentation are typically mistakes. For example:

    if(foo  === "bar") {}

    It's hard to tell, but there are two spaces between foo and ===. Multiple spaces such as this are generally frowned upon in favor of single spaces:

    if(foo === "bar") {}

    Rule Details

    This rule aims to disallow multiple whitespace around logical expressions, conditional expressions, declarations, array elements, object properties, sequences and function parameters.

    Examples of incorrect code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a =  1;
    
    if(foo   === "bar") {}
    
    a <<  b
    
    var arr = [1,  2];
    
    a ?  b: c

    Examples of correct code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a = 1;
    
    if(foo === "bar") {}
    
    a << b
    
    var arr = [1, 2];
    
    a ? b: c

    Options

    To avoid contradictions if some other rules require multiple spaces, this rule has an option to ignore certain node types in the abstract syntax tree (AST) of JavaScript code.

    exceptions

    The exceptions object expects property names to be AST node types as defined by ESTree. The easiest way to determine the node types for exceptions is to use the online demo.

    Only the Property node type is ignored by default, because for the [key-spacing](key-spacing.md) rule some alignment options require multiple spaces in properties of object literals.

    Examples of correct code for the default "exceptions": { "Property": true } option:

    /*eslint no-multi-spaces: "error"*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of incorrect code for the "exceptions": { "Property": false } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "Property": false } }]*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of correct code for the "exceptions": { "BinaryExpression": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "BinaryExpression": true } }]*/
    
    var a = 1  *  2;

    Examples of correct code for the "exceptions": { "VariableDeclarator": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "VariableDeclarator": true } }]*/
    
    var someVar      = 'foo';
    var someOtherVar = 'barBaz';

    Examples of correct code for the "exceptions": { "ImportDeclaration": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "ImportDeclaration": true } }]*/
    
    import mod          from 'mod';
    import someOtherMod from 'some-other-mod';

    When Not To Use It

    If you don't want to check and disallow multiple spaces, then you should turn this rule off.

    Related Rules

    • [key-spacing](key-spacing.md)
    • [space-infix-ops](space-infix-ops.md)
    • [space-in-brackets](space-in-brackets.md) (deprecated)
    • [space-in-parens](space-in-parens.md)
    • [space-after-keywords](space-after-keywords)
    • [space-unary-ops](space-unary-ops)
    • [space-return-throw-case](space-return-throw-case) Source: http://eslint.org/docs/rules/

    Multiple spaces found before '='.
    Open

    const base              = require('./base/base.js'),
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Disallow multiple spaces (no-multi-spaces)

    Multiple spaces in a row that are not used for indentation are typically mistakes. For example:

    if(foo  === "bar") {}

    It's hard to tell, but there are two spaces between foo and ===. Multiple spaces such as this are generally frowned upon in favor of single spaces:

    if(foo === "bar") {}

    Rule Details

    This rule aims to disallow multiple whitespace around logical expressions, conditional expressions, declarations, array elements, object properties, sequences and function parameters.

    Examples of incorrect code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a =  1;
    
    if(foo   === "bar") {}
    
    a <<  b
    
    var arr = [1,  2];
    
    a ?  b: c

    Examples of correct code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a = 1;
    
    if(foo === "bar") {}
    
    a << b
    
    var arr = [1, 2];
    
    a ? b: c

    Options

    To avoid contradictions if some other rules require multiple spaces, this rule has an option to ignore certain node types in the abstract syntax tree (AST) of JavaScript code.

    exceptions

    The exceptions object expects property names to be AST node types as defined by ESTree. The easiest way to determine the node types for exceptions is to use the online demo.

    Only the Property node type is ignored by default, because for the [key-spacing](key-spacing.md) rule some alignment options require multiple spaces in properties of object literals.

    Examples of correct code for the default "exceptions": { "Property": true } option:

    /*eslint no-multi-spaces: "error"*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of incorrect code for the "exceptions": { "Property": false } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "Property": false } }]*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of correct code for the "exceptions": { "BinaryExpression": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "BinaryExpression": true } }]*/
    
    var a = 1  *  2;

    Examples of correct code for the "exceptions": { "VariableDeclarator": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "VariableDeclarator": true } }]*/
    
    var someVar      = 'foo';
    var someOtherVar = 'barBaz';

    Examples of correct code for the "exceptions": { "ImportDeclaration": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "ImportDeclaration": true } }]*/
    
    import mod          from 'mod';
    import someOtherMod from 'some-other-mod';

    When Not To Use It

    If you don't want to check and disallow multiple spaces, then you should turn this rule off.

    Related Rules

    • [key-spacing](key-spacing.md)
    • [space-infix-ops](space-infix-ops.md)
    • [space-in-brackets](space-in-brackets.md) (deprecated)
    • [space-in-parens](space-in-parens.md)
    • [space-after-keywords](space-after-keywords)
    • [space-unary-ops](space-unary-ops)
    • [space-return-throw-case](space-return-throw-case) Source: http://eslint.org/docs/rules/

    Assignment to property of function parameter 'obj2'.
    Open

            obj2[o] = obj2[o].concat(obj1[o]);
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Disallow Reassignment of Function Parameters (no-param-reassign)

    Assignment to variables declared as function parameters can be misleading and lead to confusing behavior, as modifying function parameters will also mutate the arguments object. Often, assignment to function parameters is unintended and indicative of a mistake or programmer error.

    This rule can be also configured to fail when function parameters are modified. Side effects on parameters can cause counter-intuitive execution flow and make errors difficult to track down.

    Rule Details

    This rule aims to prevent unintended behavior caused by modification or reassignment of function parameters.

    Examples of incorrect code for this rule:

    /*eslint no-param-reassign: "error"*/
    
    function foo(bar) {
        bar = 13;
    }
    
    function foo(bar) {
        bar++;
    }

    Examples of correct code for this rule:

    /*eslint no-param-reassign: "error"*/
    
    function foo(bar) {
        var baz = bar;
    }

    Options

    This rule takes one option, an object, with a boolean property "props" and an array "ignorePropertyModificationsFor". "props" is false by default. If "props" is set to true, this rule warns against the modification of parameter properties unless they're included in "ignorePropertyModificationsFor", which is an empty array by default.

    props

    Examples of correct code for the default { "props": false } option:

    /*eslint no-param-reassign: ["error", { "props": false }]*/
    
    function foo(bar) {
        bar.prop = "value";
    }
    
    function foo(bar) {
        delete bar.aaa;
    }
    
    function foo(bar) {
        bar.aaa++;
    }

    Examples of incorrect code for the { "props": true } option:

    /*eslint no-param-reassign: ["error", { "props": true }]*/
    
    function foo(bar) {
        bar.prop = "value";
    }
    
    function foo(bar) {
        delete bar.aaa;
    }
    
    function foo(bar) {
        bar.aaa++;
    }

    Examples of correct code for the { "props": true } option with "ignorePropertyModificationsFor" set:

    /*eslint no-param-reassign: ["error", { "props": true, "ignorePropertyModificationsFor": ["bar"] }]*/
    
    function foo(bar) {
        bar.prop = "value";
    }
    
    function foo(bar) {
        delete bar.aaa;
    }
    
    function foo(bar) {
        bar.aaa++;
    }

    When Not To Use It

    If you want to allow assignment to function parameters, then you can safely disable this rule.

    Further Reading

    Assignment to property of function parameter 'obj2'.
    Open

            obj2[o] = obj1[o]
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Disallow Reassignment of Function Parameters (no-param-reassign)

    Assignment to variables declared as function parameters can be misleading and lead to confusing behavior, as modifying function parameters will also mutate the arguments object. Often, assignment to function parameters is unintended and indicative of a mistake or programmer error.

    This rule can be also configured to fail when function parameters are modified. Side effects on parameters can cause counter-intuitive execution flow and make errors difficult to track down.

    Rule Details

    This rule aims to prevent unintended behavior caused by modification or reassignment of function parameters.

    Examples of incorrect code for this rule:

    /*eslint no-param-reassign: "error"*/
    
    function foo(bar) {
        bar = 13;
    }
    
    function foo(bar) {
        bar++;
    }

    Examples of correct code for this rule:

    /*eslint no-param-reassign: "error"*/
    
    function foo(bar) {
        var baz = bar;
    }

    Options

    This rule takes one option, an object, with a boolean property "props" and an array "ignorePropertyModificationsFor". "props" is false by default. If "props" is set to true, this rule warns against the modification of parameter properties unless they're included in "ignorePropertyModificationsFor", which is an empty array by default.

    props

    Examples of correct code for the default { "props": false } option:

    /*eslint no-param-reassign: ["error", { "props": false }]*/
    
    function foo(bar) {
        bar.prop = "value";
    }
    
    function foo(bar) {
        delete bar.aaa;
    }
    
    function foo(bar) {
        bar.aaa++;
    }

    Examples of incorrect code for the { "props": true } option:

    /*eslint no-param-reassign: ["error", { "props": true }]*/
    
    function foo(bar) {
        bar.prop = "value";
    }
    
    function foo(bar) {
        delete bar.aaa;
    }
    
    function foo(bar) {
        bar.aaa++;
    }

    Examples of correct code for the { "props": true } option with "ignorePropertyModificationsFor" set:

    /*eslint no-param-reassign: ["error", { "props": true, "ignorePropertyModificationsFor": ["bar"] }]*/
    
    function foo(bar) {
        bar.prop = "value";
    }
    
    function foo(bar) {
        delete bar.aaa;
    }
    
    function foo(bar) {
        bar.aaa++;
    }

    When Not To Use It

    If you want to allow assignment to function parameters, then you can safely disable this rule.

    Further Reading

    Multiple spaces found before '='.
    Open

            fileJs    = getEntry({
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Disallow multiple spaces (no-multi-spaces)

    Multiple spaces in a row that are not used for indentation are typically mistakes. For example:

    if(foo  === "bar") {}

    It's hard to tell, but there are two spaces between foo and ===. Multiple spaces such as this are generally frowned upon in favor of single spaces:

    if(foo === "bar") {}

    Rule Details

    This rule aims to disallow multiple whitespace around logical expressions, conditional expressions, declarations, array elements, object properties, sequences and function parameters.

    Examples of incorrect code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a =  1;
    
    if(foo   === "bar") {}
    
    a <<  b
    
    var arr = [1,  2];
    
    a ?  b: c

    Examples of correct code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a = 1;
    
    if(foo === "bar") {}
    
    a << b
    
    var arr = [1, 2];
    
    a ? b: c

    Options

    To avoid contradictions if some other rules require multiple spaces, this rule has an option to ignore certain node types in the abstract syntax tree (AST) of JavaScript code.

    exceptions

    The exceptions object expects property names to be AST node types as defined by ESTree. The easiest way to determine the node types for exceptions is to use the online demo.

    Only the Property node type is ignored by default, because for the [key-spacing](key-spacing.md) rule some alignment options require multiple spaces in properties of object literals.

    Examples of correct code for the default "exceptions": { "Property": true } option:

    /*eslint no-multi-spaces: "error"*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of incorrect code for the "exceptions": { "Property": false } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "Property": false } }]*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of correct code for the "exceptions": { "BinaryExpression": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "BinaryExpression": true } }]*/
    
    var a = 1  *  2;

    Examples of correct code for the "exceptions": { "VariableDeclarator": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "VariableDeclarator": true } }]*/
    
    var someVar      = 'foo';
    var someOtherVar = 'barBaz';

    Examples of correct code for the "exceptions": { "ImportDeclaration": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "ImportDeclaration": true } }]*/
    
    import mod          from 'mod';
    import someOtherMod from 'some-other-mod';

    When Not To Use It

    If you don't want to check and disallow multiple spaces, then you should turn this rule off.

    Related Rules

    • [key-spacing](key-spacing.md)
    • [space-infix-ops](space-infix-ops.md)
    • [space-in-brackets](space-in-brackets.md) (deprecated)
    • [space-in-parens](space-in-parens.md)
    • [space-after-keywords](space-after-keywords)
    • [space-unary-ops](space-unary-ops)
    • [space-return-throw-case](space-return-throw-case) Source: http://eslint.org/docs/rules/

    Multiple spaces found before '='.
    Open

          path              = require('path'),
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Disallow multiple spaces (no-multi-spaces)

    Multiple spaces in a row that are not used for indentation are typically mistakes. For example:

    if(foo  === "bar") {}

    It's hard to tell, but there are two spaces between foo and ===. Multiple spaces such as this are generally frowned upon in favor of single spaces:

    if(foo === "bar") {}

    Rule Details

    This rule aims to disallow multiple whitespace around logical expressions, conditional expressions, declarations, array elements, object properties, sequences and function parameters.

    Examples of incorrect code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a =  1;
    
    if(foo   === "bar") {}
    
    a <<  b
    
    var arr = [1,  2];
    
    a ?  b: c

    Examples of correct code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a = 1;
    
    if(foo === "bar") {}
    
    a << b
    
    var arr = [1, 2];
    
    a ? b: c

    Options

    To avoid contradictions if some other rules require multiple spaces, this rule has an option to ignore certain node types in the abstract syntax tree (AST) of JavaScript code.

    exceptions

    The exceptions object expects property names to be AST node types as defined by ESTree. The easiest way to determine the node types for exceptions is to use the online demo.

    Only the Property node type is ignored by default, because for the [key-spacing](key-spacing.md) rule some alignment options require multiple spaces in properties of object literals.

    Examples of correct code for the default "exceptions": { "Property": true } option:

    /*eslint no-multi-spaces: "error"*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of incorrect code for the "exceptions": { "Property": false } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "Property": false } }]*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of correct code for the "exceptions": { "BinaryExpression": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "BinaryExpression": true } }]*/
    
    var a = 1  *  2;

    Examples of correct code for the "exceptions": { "VariableDeclarator": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "VariableDeclarator": true } }]*/
    
    var someVar      = 'foo';
    var someOtherVar = 'barBaz';

    Examples of correct code for the "exceptions": { "ImportDeclaration": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "ImportDeclaration": true } }]*/
    
    import mod          from 'mod';
    import someOtherMod from 'some-other-mod';

    When Not To Use It

    If you don't want to check and disallow multiple spaces, then you should turn this rule off.

    Related Rules

    • [key-spacing](key-spacing.md)
    • [space-infix-ops](space-infix-ops.md)
    • [space-in-brackets](space-in-brackets.md) (deprecated)
    • [space-in-parens](space-in-parens.md)
    • [space-after-keywords](space-after-keywords)
    • [space-unary-ops](space-unary-ops)
    • [space-return-throw-case](space-return-throw-case) Source: http://eslint.org/docs/rules/

    Multiple spaces found before '='.
    Open

        let fileHtml  = Object.keys(getEntry({
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Disallow multiple spaces (no-multi-spaces)

    Multiple spaces in a row that are not used for indentation are typically mistakes. For example:

    if(foo  === "bar") {}

    It's hard to tell, but there are two spaces between foo and ===. Multiple spaces such as this are generally frowned upon in favor of single spaces:

    if(foo === "bar") {}

    Rule Details

    This rule aims to disallow multiple whitespace around logical expressions, conditional expressions, declarations, array elements, object properties, sequences and function parameters.

    Examples of incorrect code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a =  1;
    
    if(foo   === "bar") {}
    
    a <<  b
    
    var arr = [1,  2];
    
    a ?  b: c

    Examples of correct code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a = 1;
    
    if(foo === "bar") {}
    
    a << b
    
    var arr = [1, 2];
    
    a ? b: c

    Options

    To avoid contradictions if some other rules require multiple spaces, this rule has an option to ignore certain node types in the abstract syntax tree (AST) of JavaScript code.

    exceptions

    The exceptions object expects property names to be AST node types as defined by ESTree. The easiest way to determine the node types for exceptions is to use the online demo.

    Only the Property node type is ignored by default, because for the [key-spacing](key-spacing.md) rule some alignment options require multiple spaces in properties of object literals.

    Examples of correct code for the default "exceptions": { "Property": true } option:

    /*eslint no-multi-spaces: "error"*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of incorrect code for the "exceptions": { "Property": false } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "Property": false } }]*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of correct code for the "exceptions": { "BinaryExpression": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "BinaryExpression": true } }]*/
    
    var a = 1  *  2;

    Examples of correct code for the "exceptions": { "VariableDeclarator": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "VariableDeclarator": true } }]*/
    
    var someVar      = 'foo';
    var someOtherVar = 'barBaz';

    Examples of correct code for the "exceptions": { "ImportDeclaration": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "ImportDeclaration": true } }]*/
    
    import mod          from 'mod';
    import someOtherMod from 'some-other-mod';

    When Not To Use It

    If you don't want to check and disallow multiple spaces, then you should turn this rule off.

    Related Rules

    • [key-spacing](key-spacing.md)
    • [space-infix-ops](space-infix-ops.md)
    • [space-in-brackets](space-in-brackets.md) (deprecated)
    • [space-in-parens](space-in-parens.md)
    • [space-after-keywords](space-after-keywords)
    • [space-unary-ops](space-unary-ops)
    • [space-return-throw-case](space-return-throw-case) Source: http://eslint.org/docs/rules/

    Multiple spaces found before '='.
    Open

                len           = conf.chunks.length;
    Severity: Minor
    Found in config/webpack/webpack.config.js by eslint

    Disallow multiple spaces (no-multi-spaces)

    Multiple spaces in a row that are not used for indentation are typically mistakes. For example:

    if(foo  === "bar") {}

    It's hard to tell, but there are two spaces between foo and ===. Multiple spaces such as this are generally frowned upon in favor of single spaces:

    if(foo === "bar") {}

    Rule Details

    This rule aims to disallow multiple whitespace around logical expressions, conditional expressions, declarations, array elements, object properties, sequences and function parameters.

    Examples of incorrect code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a =  1;
    
    if(foo   === "bar") {}
    
    a <<  b
    
    var arr = [1,  2];
    
    a ?  b: c

    Examples of correct code for this rule:

    /*eslint no-multi-spaces: "error"*/
    
    var a = 1;
    
    if(foo === "bar") {}
    
    a << b
    
    var arr = [1, 2];
    
    a ? b: c

    Options

    To avoid contradictions if some other rules require multiple spaces, this rule has an option to ignore certain node types in the abstract syntax tree (AST) of JavaScript code.

    exceptions

    The exceptions object expects property names to be AST node types as defined by ESTree. The easiest way to determine the node types for exceptions is to use the online demo.

    Only the Property node type is ignored by default, because for the [key-spacing](key-spacing.md) rule some alignment options require multiple spaces in properties of object literals.

    Examples of correct code for the default "exceptions": { "Property": true } option:

    /*eslint no-multi-spaces: "error"*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of incorrect code for the "exceptions": { "Property": false } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "Property": false } }]*/
    /*eslint key-spacing: ["error", { align: "value" }]*/
    
    var obj = {
        first:  "first",
        second: "second"
    };

    Examples of correct code for the "exceptions": { "BinaryExpression": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "BinaryExpression": true } }]*/
    
    var a = 1  *  2;

    Examples of correct code for the "exceptions": { "VariableDeclarator": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "VariableDeclarator": true } }]*/
    
    var someVar      = 'foo';
    var someOtherVar = 'barBaz';

    Examples of correct code for the "exceptions": { "ImportDeclaration": true } option:

    /*eslint no-multi-spaces: ["error", { exceptions: { "ImportDeclaration": true } }]*/
    
    import mod          from 'mod';
    import someOtherMod from 'some-other-mod';

    When Not To Use It

    If you don't want to check and disallow multiple spaces, then you should turn this rule off.

    Related Rules

    • [key-spacing](key-spacing.md)
    • [space-infix-ops](space-infix-ops.md)
    • [space-in-brackets](space-in-brackets.md) (deprecated)
    • [space-in-parens](space-in-parens.md)
    • [space-after-keywords](space-after-keywords)
    • [space-unary-ops](space-unary-ops)
    • [space-return-throw-case](space-return-throw-case) Source: http://eslint.org/docs/rules/

    There are no issues that match your filters.

    Category
    Status