How to manually add a path to be resolved in eslintrc

webpack eslint resolve
wlingke picture wlingke · Jan 20, 2017 · Viewed 57k times · Source

I have a folder in my project main that I am resolving like a module. For instance import x from 'main/src' imports main/src/index.js. This is done through webpack's resolve alias configuration.

An issue I am having is getting rid of the errors via eslint. I know eslint provides a webpack resolve plugin, however, I've been having trouble getting it to work. I suspect it is because I am on webpack 2 and using es6 in my webpack config files.

Is there a manual way to write a resolve setting that fixes this problem for my eslint?

The only other hack I've seen work is using import/core-modules but then I have to list out every folder in the subdirectory tree main/src/bar, main/src/foo. This would not be ideal.

Answer

Sota Sugiura picture Sota Sugiura · Feb 28, 2017

I think the link below helps you. You can add resolving directories by using config.

https://github.com/benmosher/eslint-plugin-import#resolvers

For example, if you want to resolve src/, you can write like below on .eslintrc.

{
  "settings": {
    "import/resolver": {
      "node": {
        "paths": ["src"]
      }
    }
  }
}

Then ESLint resolve from src directory. You can require src/hoge/moge.js by writing const moge = require('hoge/moge'); and ESLint knows it.

Related questions

Failed to load plugin @typescript-eslint: Cannot find module 'eslint-plugin-@typescript-eslint'

I am reconfiguring my project from tslint to eslint. I can run eslint manually, but webpack fails to run with this error message: Module build failed (from /path/node_modules/eslint-loader/index.js): Error: Failed to load plugin @typescript-eslint: Cannot …

Read More
Ignore or prevent ESLint errors from breaking the build in a React project (create-react-project)

I've recently created a project with create-react-project. The problem is that, while I'm developing, every time there's a problem with ESLint, the build breaks and doesn't compile the code. Can I keep the build running while still having ESLint running …

Read More
Parser "babylon" deprecated error - webpack build

After I have been upgrading my projects JS packages, an error has appeared when building my bundle with Webpack. It seems to appear when building a .vue-file and can appear on any .vue-file build. I don't have "babylon" in my …

Read More