Babel Plugin Root Import ESLint resolver

Babel Plugin Root Import ESLint resolver.

This is a fork of eslint-import-resolver-babel-root-import that works with latest version of Babel using babel.config.js for configaration.

Installation

1yarn add eslint-plugin-import eslint-import-resolver-root-import

Usage

Inside your .eslintrc file, pass this resolver to eslint-plugin-import:

1"settings": {
2  "import/resolver": "root-import"
3}

And see [babel-plugin-root-import] to know how to configure your prefix/suffix.

Configuration will be parsed down from babel.config.js file.

Configuration

This plugin accept all configurations that eslint-import-resolver-node accepts plus rootPathSuffix and rootPathPrefix.

Both rootPathSuffix and rootPathPrefix are fetched by default from your babel.config.js, but if you prefer you can define these values inside .eslintrc.

Example

1{
2  "extends": "airbnb",
3  "rules": {},
4  "settings": {
5    "import/resolver": {
6      "root-import": {
7        "rootPathPrefix": "~",
8        "rootPathSuffix": "src/js",
9        "extensions": [".js", ".android.js", ".ios.js"]
10      }
11    }
12  }
13}

In this case we are using .android.js and .ios.js in our extensions so in React Native we can import files like:

1import MyComponent from '~/components/MyComponent';

And it will resolve to components/MyComponent/index.android.js or components/MyComponent/index.ios.js;

License

MIT, see LICENSE.md for details.