This Vite plugin seamlessly integrates the Biome linter, formatter, and checker into your development workflow, providing lightning-fast code analysis and formatting directly within the build process.
- Blazing-Fast Linting: Experience significantly faster linting compared to traditional linters like ESLint.
- Versatile Modes: Choose between linting (lint), formatting (format), and checking (check) Biome to tailor the plugin to your needs.
- Streamlined Configuration: Define options for mode, path, applying fixes, and error handling for a customized setup.
- Hot Reload Support: The plugin automatically re-runs Biome when file changes occur during hot module replacement
- Install the plugin using npm/yarn/pnpm:
- npm:
npm install -D @pbr1111/vite-plugin-biome
- yarn:
yarn add @pbr1111/vite-plugin-biome -D
- pnpm:
pnpm add -D @pbr1111/vite-plugin-biome
- Add the plugin to your vite.config.js/ts file:
import { defineConfig } from 'vite';
import { biomePlugin } from '@pbr1111/vite-plugin-biome';
export default defineConfig({
plugins: [biomePlugin()],
});
By default, the plugin runs Biome in linting mode (lint) on your entire project. You can customize its behavior using options:
-
mode
: Specify the Biome mode (lint
,format
, orcheck
). Defaults tolint
. -
path
: Define the path to the files or directories you want to process. Defaults to the current working directory (.
). -
applyFixes
: Set totrue
to apply Biome's formatting or fixing suggestions (depends on mode). Defaults tofalse
. -
errorOnWarnings
: Set totrue
to threat warnings as errors. Defaults tofalse
. -
failOnError
: Set totrue
to throw an error when Biome encounters issues. Defaults toprocess.env.NODE_ENV === 'production'
. -
useServer
: Set totrue
to reuse the LSP proxy server in each execution. Defaults tofalse
. -
verbose
: Set totrue
to print additional diagnostics and some diagnostics show more information. Defaults tofalse
. -
args
: Pass extra arguments to the command (https://biomejs.dev/reference/cli/). Check Defaults to''
.