babel-plugin-module-resolver resolver for eslint-plugin-import
npm install eslint-import-resolver-babel-moduleA [babel-plugin-module-resolver][babel-plugin-module-resolver] resolver for [eslint-plugin-import][eslint-plugin-import]
``sh`
npm install --save-dev eslint-plugin-import eslint-import-resolver-babel-module
Inside your .eslintrc file, pass this resolver to eslint-plugin-import:``
"settings": {
"import/resolver": {
"babel-module": {}
}
}
And see [babel-plugin-module-resolver][babel-plugin-module-resolver] to know how to configure your aliases.
`json`
{
"extends": "airbnb",
"rules": {
"comma-dangle": 0
},
"settings": {
"import/resolver": {
"babel-module": {}
}
}
}
Some babel plugins like babel-plugin-import-directory or babel-plugin-wildcard allow to import directories (i.e. each file inside a directory) as an object. In order to support this, you can activate the allowExistingDirectories option as follows:
``
"settings": {
"import/resolver": {
"babel-module": { allowExistingDirectories: true }
}
}
Now when you import a directory like this, the ESLint plugin won't complain and recognize the existing directory:
```
import * as Items from './dir';
MIT, see LICENSE.md for details.
[ci-image]: https://circleci.com/gh/tleunen/eslint-import-resolver-babel-module.svg?style=shield
[ci-url]: https://circleci.com/gh/tleunen/eslint-import-resolver-babel-module
[coverage-image]: https://codecov.io/gh/tleunen/eslint-import-resolver-babel-module/branch/master/graph/badge.svg
[coverage-url]: https://codecov.io/gh/tleunen/eslint-import-resolver-babel-module
[npm-version-image]: https://img.shields.io/npm/v/eslint-import-resolver-babel-module.svg
[npm-url]: https://www.npmjs.com/package/eslint-import-resolver-babel-module
[babel-plugin-module-resolver]: https://github.com/tleunen/babel-plugin-module-resolver
[eslint-plugin-import]: https://github.com/benmosher/eslint-plugin-import