esbuild-plugin-postcss

A CSS loader plugin for esbuild that uses PostCSS as preprocessor.

Install

npm

npm i -D @chialab/esbuild-plugin-postcss

yarn

yarn add -D @chialab/esbuild-plugin-postcss

pnpm

pnpm add -D @chialab/esbuild-plugin-postcss

Usage

import postcssPlugin from '@chialab/esbuild-plugin-postcss';
import esbuild from 'esbuild';

await esbuild.build({
    plugins: [postcssPlugin()],
});

This plugin looks for a postcss configuration in the project and fallbacks to out custom postcss-preset-env.

Sass

The plugin automatically tries to load the @chialab/postcss-plugin-dart-sass when it processes .scss files. Please make sure to have installed the optional dependency in order to correctly transpiler Sass files:

npm

npm i -D @chialab/postcss-plugin-dart-sass

yarn

yarn add -D @chialab/postcss-plugin-dart-sass

pnpm

pnpm add -D @chialab/postcss-plugin-dart-sass