vite-eslint

Vite 2 plugin that works with the dev server and rollup build.

Any errors from eslint should appear in the Vite overlay.

Installation

npm install --save-dev @ehutch79/vite-eslint

Usage

Add it to vite.config.js

import viteESLint from '@ehutch79/vite-eslint'

export default {
  plugins: [viteESLint()]
}

As long as you can run eslint from your command line, this should work for you.

configuration

You can pass an options object to the plugin, it takes two parameters, include and exclude.

for example:

import viteESLint from '@ehutch79/vite-eslint'

export default {
  plugins: [viteESLint({ 'include': ['src/**/*.vue', 'src/**/*.js'] })]
}

will only scan js and vue files in the src/ directory.

Why?

I had a horrible time trying to get the official rollup eslint plugin working. The issue is that the source was transformed before being passed to the plugin. This works by scanning the files directly.

It also uses the new API, rather than the deprecated one most plugins are still using.