Skip to content
Search

Eslint-plugin-import

lastmod 2024-03-15created 2023-02-197 edits

ESLint plugin with rules that help validate proper imports.

Usage

Just use the --fix option. 

npx eslint --fix file.js

Things to install together

Packages that blogs and such always install alongside it without explaining:

Mindless install: 

yarn add -D eslint-plugin-import eslint-import-resolver-webpack eslint-import-resolver-typescript

Sample settings 

module.exports = {
  ...,
  settings: {
    'import/parsers': { '@typescript-eslint/parser': ['.ts'] },
  },
  extends: [
    'eslint:recommended',
    'plugin:@typescript-eslint/recommended',
    'plugin:import/typescript',
    'plugin:import/recommended',
  ],
  rules: {
    ...,
    'import/order': [
      'error',
      {
        groups: ['builtin', 'external', ['parent', 'sibling'], 'index'],
        pathGroups: [
          {
            pattern: 'angular',
            group: 'external',
            position: 'before'
          }
        ],
        alphabetize: {
        order: 'asc',
        caseInsensitive: true,
      },
      'newlines-between': 'always',
      },
    ],
  }
}

See also

Favorite site

author Zer0 sitemap