eslint-config-werk85 v9.0.0

eslint-config-werk85

Note: Currently only Typescript Projects are supported.

Installation

yarn add eslint-config-werk85 eslint -D

Included plugins

Following plugins are included in werk85/modern:

• typescript-eslint
• import
• jest
• prettier

Please consult the documentation of each plugin for further rule explanation.

React

The following plugins are added addtionally to werk85/react:

• react
• react-hooks

Usage

Create a .eslintrc.js file in your project root and add the following content

module.exports = {
  extends: [
    'werk85/modern'
  ],
  parserOptions: {
    project: './tsconfig.json'
  }
}

For convinience you can add the following npm scripts to your package.json

{
  "scripts": {
    "lint": "eslint --ext .ts,.tsx src",
    "lint:fix": "eslint --ext .ts,.tsx --fix src"
  }
}

Error: Unable to resolve path to module

If this error occurs set the import/resolver typescript directory in your .eslintrc.js file to the path of the tsconfig.json file that defines the module paths parameter.

module.exports = {
  settings: {
    'import/resolver': {
      typescript: {
        directory: 'path to your tsconfig.json'
      }
    }
  }
}

VSCode

If you use VSCode install the ESLint Plugin and make sure you add the following configurations to your settings.json. You can access the settings by pressing CMD + , on your keyboard and click on the Open Settings (JSON) icon in the upper right corner.

{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

This enables the automatic fixing of errors on save and enables eslint to validate typescript files.