Eslint rule to ban some import paths

Question

I have following structure.

.
└── src
    └── pages
        └── Chat
            ├── Chat.tsx
            ├── index.ts
            └── components
                ├── index.ts
                └── AppsBar
                    ├── AppsBar.tsx
                    ├── AppTile.ts
                    └── index.ts

From Chat.tsx I want to import AppsBar component (each has named exports, and index with export all).

Do it by hand it would look that: import { AppsBar } from './components';. But VSC or WebStorm creates automatic path: import { AppsBar } from '~/pages/Chat/components/AppsBar'; (I have aliases).

Question: Is there any ESLint rule to force using /. notation when I want access to file from the same level?

user547995 user547995 · Accepted Answer · 2020-05-15T12:41:31

You could try adding "typescript.preferences.importModuleSpecifier": "relative" in vscodes user settings or otherwise set baseUrl in your tsconfig.json (see module-resolution)

Eslint rule to ban some import paths

1 Answers