Sorted imports in TypeScript projects
December 28, 2023
code
npm install --save-dev \
@typescript-eslint/parser \
eslint-plugin-import \
eslint-import-resolver-typescript \
eslint-plugin-simple-import-sort
code
// .eslintrc.cjs
module.exports = {
extends: [
"eslint:recommended",
// ...
"plugin:import/recommended",
"plugin:import/typescript",
],
parser: "@typescript-eslint/parser",
parserOptions: {
// ...
sourceType: "module",
},
plugins: [
// ...
"simple-import-sort",
"import",
],
rules: {
// ...
"simple-import-sort/imports": "error",
"simple-import-sort/exports": "error",
"import/first": "error",
"import/newline-after-import": "error",
"import/no-duplicates": "error",
},
settings: {
// ...
"import/resolver": {
typescript: true,
node: true,
},
},
};