Registry / web-framework / esbuild-plugin-css-module

esbuild-plugin-css-module

library0.1.0jsnpmunverified

An esbuild plugin for handling CSS/SCSS modules with support for autoprefixer, treeshakeable CSS, and BEM-like class names. Version 0.1.0 is the latest stable release. It is designed for bundling React18 libraries, works with tsup and esbuild, and provides full TypeScript support. Alternatives include esbuild-plugin-react18-css, which is recommended by the author.

web-framework devops

npm install esbuild-plugin-css-module

github ↗package ↗

INSTALL

IMPORT

SIG · ESBUILD-PLUGIN-CSS

esbuild-plugin-css-module

web-frameworkjavascriptv0.1.0

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.

cssModulePlugin

✓ import cssModulePlugin from "esbuild-plugin-css-module"

✗ const cssModulePlugin = require("esbuild-plugin-css-module")

Default export is ESM-only; CJS require() fails.

cssModulePlugin

✓ import cssModulePlugin from "esbuild-plugin-css-module"

✗ import { cssModulePlugin } from "esbuild-plugin-css-module"

It is a default export, not a named export.

cssModulePlugin

✓ const cssModulePlugin = require("esbuild-plugin-css-module").default

✗ const cssModulePlugin = require("esbuild-plugin-css-module")

In CommonJS with esbuild, access the default property.

Demonstrates how to use the plugin with esbuild to bundle a CSS module.

import cssModulePlugin from "esbuild-plugin-css-module"; import esbuild from "esbuild"; await esbuild.build({ entryPoints: ["src/index.js"], bundle: true, outfile: "dist/bundle.js", plugins: [cssModulePlugin()], });

Debug

Known issues

deprecatedThis package is deprecated in favor of esbuild-plugin-react18-css

fix

Switch to esbuild-plugin-react18-css for continued support.

affects: >=0.1.0

gotchaPlugin only works with CSS/SCSS modules; plain CSS files without modules may not be transformed as expected.

fix

Name files with .module.css or .module.scss for module processing.

affects: >=0.1.0

Errors

Common errors & fixes

Error: Cannot find module 'esbuild-plugin-css-module'

Package not installed or typo in import.

fix

Run 'npm install esbuild-plugin-css-module' and ensure import path is correct.

TypeError: cssModulePlugin is not a function

Using named import instead of default import.

fix

Use 'import cssModulePlugin from "esbuild-plugin-css-module"' (default import).

Upgrade

Version history

0.1.0latest on npm

Audit

Dependencies

esbuildoptionalpeer dependency for plugin integration

Agent activity

2 hits · last 30 days

node

Resources

githubhttps://github.com/mayank1513/esbuild-plugin-css-module ↗

packagehttps://www.npmjs.com/package/esbuild-plugin-css-module ↗