Registry / web-framework / esbuild-plugin-sass-modules

esbuild-plugin-sass-modules

JSON →
library0.0.3jsnpmunverified

An esbuild plugin that enables importing SASS/SCSS files directly in JavaScript bundles, with optional CSS modules support (class name hashing). Current stable version is 0.0.3, with low release cadence. Key differentiator: simple setup for SASS compilation within esbuild without external build tools, and optional CSS modules via separate plugin variant. No TypeScript types included.

web-frameworkserializationtesting
npm install esbuild-plugin-sass-modules
github ↗package ↗
INSTALL
IMPORT
SIG · ESBUILD-PLUGIN-SAS
E
esbuild-plugin-sass-modules
web-frameworkjavascriptv0.0.3
harness data pending
Install & Compatibility
Where this runs

No compatibility data collected yet for this library.

Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

default
✓ import sassPlugin from 'esbuild-plugin-sass'
✗ const sassPlugin = require('esbuild-plugin-sass')
CommonJS require works but ESM import is preferred for newer esbuild setups

Shows how to use esbuild-plugin-sass to compile SASS files during esbuild bundling.

const esbuild = require('esbuild'); const sassPlugin = require('esbuild-plugin-sass'); esbuild.build({ entryPoints: ['src/index.js'], bundle: true, outfile: 'dist/bundle.js', plugins: [sassPlugin()], }).catch((e) => console.error(e.message));
Debug
Known issues
gotchaPlugin does not support CSS modules by default; use esbuild-plugin-sass-modules for hashed class names.
fix
Switch to esbuild-plugin-sass-modules if CSS modules are needed.
affects: >=0.0.0
gotchaRequires sass (dart-sass) to be installed; not bundled with the plugin.
fix
Run 'npm install sass' alongside esbuild-plugin-sass.
affects: >=0.0.0
gotchaOutput CSS file name is derived from entry point name; cannot be customized via options.
fix
Rename entry point or use external tools to rename the output.
affects: >=0.0.0
Errors
Common errors & fixes
Error: Cannot find module 'sass'
Missing peer dependency 'sass'.
fix
Install sass: npm install sass
TypeError: sassPlugin is not a function
Incorrect import; used default import when CommonJS require was intended, or vice versa.
fix
Use const sassPlugin = require('esbuild-plugin-sass'); for CommonJS, or check import statement.
Upgrade
Version history
0.0.3latest on npm
Audit
Dependencies
esbuildrequiredpeer dependency, required at runtime
Agent activity
4 hits · last 30 days
node
4
Resources
githubhttps://github.com/dzearing/esbuild-plugin-sass-modules ↗
packagehttps://www.npmjs.com/package/esbuild-plugin-sass-modules ↗
esbuild-plugin-sass-modules — npm install esbuild-plugin-sass-modules · libregistry