NOTE: eslint-plugin-babel is now @babel/eslint-plugin and has moved into the Babel monorepo.
An eslint plugin companion to babel-eslint. babel-eslint does a great job at adapting eslint
for use with Babel, but it can't change the built in rules to support experimental features.
eslint-plugin-babel re-implements problematic rules so they do not give false positives or negatives.
Requires Node 4 or greater
npm install eslint-plugin-babel --save-devLoad the plugin in your .eslintrc file:
{
"plugins": [
"babel"
]
}Finally enable all the rules you would like to use (remember to disable the original ones as well!).
{
"rules": {
"babel/new-cap": 1,
"babel/camelcase": 1,
"babel/no-invalid-this": 1,
"babel/object-curly-spacing": 1,
"babel/quotes": 1,
"babel/semi": 1,
"babel/no-unused-expressions": 1,
"babel/valid-typeof": 1
}
}Each rule corresponds to a core eslint rule, and has the same options.
🛠: means it's autofixable with --fix.
babel/new-cap: Ignores capitalized decorators (@Decorator)babel/camelcase: doesn't complain about optional chaining (var foo = bar?.a_b;)babel/no-invalid-this: doesn't fail when inside class properties (class A { a = this.b; })babel/object-curly-spacing: doesn't complain aboutexport x from "mod";orexport * as x from "mod";(🛠)babel/quotes: doesn't complain about JSX fragment shorthand syntax (<>foo</>;)babel/semi: doesn't fail when usingfor await (let something of {}). Includes class properties (🛠)babel/no-unused-expressions: doesn't fail when usingdoexpressions or optional chaining (a?.b()).babel/valid-typeof: doesn't complain when used with BigInt (typeof BigInt(9007199254740991) === 'bigint').
| Rule | Notes |
|---|---|
babel/generator-star-spacing |
Use generator-star-spacing since [email protected] |
babel/object-shorthand |
Use object-shorthand since [email protected] |
babel/arrow-parens |
Use arrow-parens since [email protected] |
babel/func-params-comma-dangle |
Use comma-dangle since [email protected] |
babel/array-bracket-spacing |
Use array-bracket-spacing since [email protected] |
babel/flow-object-type |
Use flowtype/object-type-delimiter since [email protected] |
babel/no-await-in-loop |
Use no-await-in-loop since [email protected] |