@pizca/esbuild-sass

An esbuild plugin that compiles Sass/SCSS files using sass-embedded.

Installation

npm i -D @pizca/esbuild-sass

Usage

Import the plugin and add it to your esbuild build configuration:

import esbuild from 'esbuild';
import sassPlugin from '@pizca/esbuild-sass';

esbuild.build({
    entryPoints: ['src/index.ts'],
    bundle: true,
    outdir: 'dist',
    plugins: [
        sassPlugin() // <- sass plugin
    ],
}).catch(() => process.exit(1));

What it does

This plugin enables native support for .scss files in your esbuild pipeline. It uses sass-embedded to compile stylesheets and injects the resulting CSS into your build.