DEV Community

Cover image for How to use eslint with webpack / ES6 / modules
ViriCruz
ViriCruz

Posted on • Edited on

How to use eslint with webpack / ES6 / modules

Today we are going to talk about eslint and webpack. This is not going to teach you how to install eslint in your project, I will assume that you already did.

First of all, when you are new to eslint and want to auto-fix your JavaScript files, so you run npx eslint --fix . but, you have this main.js that webpack kindly generated for you to make your code separated by modules, work.

So, you get this result โ–ถ๏ธ
main.js

Even though the code still working, you are not going to pass eslint rules. We donโ€™t need to check this file with eslint, so what do we do?

We need to create a file in the root directory called .eslintignore
.eslintignore

As you can see, the only line of code that you need to write is dist/main.js

And that's it, next time you use npx eslint . or npx eslint --fix . eslint will ignore this file.

If you want to check it out directly from the official documentation, go to the next link https://eslint.org/docs/user-guide/configuring#ignoring-files-and-directories

Happy Coding! ๐Ÿ˜„

Top comments (0)