1. eslint-import-resolver-babel-module
babel-plugin-module-resolver resolver for eslint-plugin-import
eslint-import-resolver-babel-module
Package: eslint-import-resolver-babel-module
Created by: tleunen
Last modified: Mon, 16 Jan 2023 20:28:10 GMT
Version: 5.3.2
License: MIT
Downloads: 1,062,567
Repository: https://github.com/tleunen/eslint-import-resolver-babel-module

Install

npm install eslint-import-resolver-babel-module
yarn add eslint-import-resolver-babel-module

eslint-import-resolver-babel-module

npm Build Status Coverage Status

A babel-plugin-module-resolver resolver for eslint-plugin-import

Installation

 npm install --save-dev eslint-plugin-import eslint-import-resolver-babel-module

Usage

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

"settings": {
  "import/resolver": {
    "babel-module": {}
  }
}

And see babel-plugin-module-resolver to know how to configure your aliases.

Example

 {
  "extends": "airbnb",
  "rules": {
    "comma-dangle": 0
  },
  "settings": {
    "import/resolver": {
      "babel-module": {}
    }
  }
}

Directory Imports

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';

License

MIT, see LICENSE.md for details.

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin