eslint-linter-browserify

Use ESLint in the browser.

Installation

npm install eslint-linter-browserify

Usage

Bundlers (ESM / CommonJS)

import * as eslint from "eslint-linter-browserify";
// or const eslint = require("eslint-linter-browserify");

const linter = new eslint.Linter();

const messages = linter.verify("var foo;", {
  rules: {
    semi: ["error", "never"]
  }
}, { filename: "foo.js" });

console.log(messages);

Browser (Script Tag / CDN)

Loading the UMD bundle directly via a <script> tag exposes window.eslint.Linter:

<script src="https://cdn.jsdelivr.net/npm/eslint-linter-browserify/linter.min.js"></script>
<script>
  const linter = new eslint.Linter();

  const messages = linter.verify("var foo;", {
    rules: {
      semi: ["error", "never"]
    }
  }, { filename: "foo.js" });

  console.log(messages);
</script>

Bundle Variants

File / Package Specifier	Format	Description
eslint-linter-browserify	ESM (linter.mjs) / CJS (linter.cjs)	Default entry points for bundlers (Vite, Rollup, Webpack, etc.) and Node.js
linter.min.js	UMD (minified)	Standalone minified bundle for browser <script> tags (window.eslint.Linter)
linter.js	UMD (unminified)	Standalone unminified bundle for development and debugging

Documentation

For full details on the Linter API and supported options, see the ESLint Node.js API Documentation.

See the CodeMirror example for a way to use this in CodeMirror.