{"id":25328,"library":"esbuild-plugin-css-module","title":"esbuild-plugin-css-module","description":"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.","status":"active","version":"0.1.0","language":"javascript","source_language":"en","source_url":"https://github.com/mayank1513/esbuild-plugin-css-module","tags":["javascript","esbuild-plugin-css-module","esbuild-plugin","typescript","css-module","postcss","esbuild","react18"],"install":[{"cmd":"npm install esbuild-plugin-css-module","lang":"bash","label":"npm"},{"cmd":"yarn add esbuild-plugin-css-module","lang":"bash","label":"yarn"},{"cmd":"pnpm add esbuild-plugin-css-module","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency for plugin integration","package":"esbuild","optional":true}],"imports":[{"note":"Default export is ESM-only; CJS require() fails.","wrong":"const cssModulePlugin = require(\"esbuild-plugin-css-module\")","symbol":"cssModulePlugin","correct":"import cssModulePlugin from \"esbuild-plugin-css-module\""},{"note":"It is a default export, not a named export.","wrong":"import { cssModulePlugin } from \"esbuild-plugin-css-module\"","symbol":"cssModulePlugin","correct":"import cssModulePlugin from \"esbuild-plugin-css-module\""},{"note":"In CommonJS with esbuild, access the default property.","wrong":"const cssModulePlugin = require(\"esbuild-plugin-css-module\")","symbol":"cssModulePlugin","correct":"const cssModulePlugin = require(\"esbuild-plugin-css-module\").default"}],"quickstart":{"code":"import cssModulePlugin from \"esbuild-plugin-css-module\";\nimport esbuild from \"esbuild\";\n\nawait esbuild.build({\n  entryPoints: [\"src/index.js\"],\n  bundle: true,\n  outfile: \"dist/bundle.js\",\n  plugins: [cssModulePlugin()],\n});","lang":"typescript","description":"Demonstrates how to use the plugin with esbuild to bundle a CSS module."},"warnings":[{"fix":"Switch to esbuild-plugin-react18-css for continued support.","message":"This package is deprecated in favor of esbuild-plugin-react18-css","severity":"deprecated","affected_versions":">=0.1.0"},{"fix":"Name files with .module.css or .module.scss for module processing.","message":"Plugin only works with CSS/SCSS modules; plain CSS files without modules may not be transformed as expected.","severity":"gotcha","affected_versions":">=0.1.0"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Run 'npm install esbuild-plugin-css-module' and ensure import path is correct.","cause":"Package not installed or typo in import.","error":"Error: Cannot find module 'esbuild-plugin-css-module'"},{"fix":"Use 'import cssModulePlugin from \"esbuild-plugin-css-module\"' (default import).","cause":"Using named import instead of default import.","error":"TypeError: cssModulePlugin is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}