A Sass plugin for esbuild written in TypeScript.

espack

@es-pack/esbuild-sass-plugin

Installation with esbuild

pnpm

$ pnpm add -D esbuild @es-pack/esbuild-sass-plugin

yarn

$ yarn add -D esbuild @es-pack/esbuild-sass-plugin

npm

$ npm install -D esbuild @es-pack/esbuild-sass-plugin

Installation with espack

pnpm

$ pnpm add -D esbuild @es-pack/espack @es-pack/esbuild-sass-plugin

yarn

$ yarn add -D esbuild @es-pack/espack @es-pack/esbuild-sass-plugin

npm

$ npm install -D esbuild @es-pack/espack @es-pack/esbuild-sass-plugin

How to use it?

• With esbuild, add it to the plugins array like the following:

import { sassPlugin } from '@es-pack/esbuild-sass-plugin';

const plugins = [sassPlugin()];
// ...

• With espack, add it the build options plugins array like the following:

import { createBuildProfiles } from '@es-pack/espack';
import { sassPlugin } from '@es-pack/esbuild-sass-plugin';

export default {
    defaultBuildProfiles: createBuildProfiles(
        {
            platform: Platforms.BROWSER,
            format: ImportFormat.IIFE,
            plugins: [
                sassPlugin()
            ]
        },
    ),
    builds: [
        {
            scripts: [
                './src/index.js'
            ]
        }
    ]
};