Skip to content

Eslint-plugin-import

ESLint plugin with rules that help validate proper imports.

Usage

--fix 옵션을 사용하면 된다. 

npx eslint --fix file.js

함께 설치할 것듯

블로그 같은곳 보면 항상 함께 설치하는데 설명이 없는 내용들:

무지성 설치: 

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