Registry / devops / classnames-minifier

classnames-minifier

library4.1.1jsnpmunverified

Classnames Minifier (v4.1.1) is a library for configuring CSS modules to generate compressed class names, reducing bundle size and improving obfuscation. It integrates with Webpack's css-loader to minify class names in real-time during build. Compared to alternatives like css-minimizer-webpack-plugin or custom loaders, it specifically targets class name length and provides fine-grained control over naming patterns. Active development, with patches released monthly.

devops

npm install classnames-minifier

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · CLASSNAMES-MINIFIE

classnames-minifier

devopsjavascriptv4.1.1

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.

classnamesMinifier

✓ import classnamesMinifier from 'classnames-minifier'

✗ const classnamesMinifier = require('classnames-minifier')

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

generate

✓ import { generate } from 'classnames-minifier'

✗ const { generate } = require('classnames-minifier')

Named export for manual class name generation; use with ESM.

Config

✓ import type { Config } from 'classnames-minifier'

✗ import { Config } from 'classnames-minifier'

TypeScript type import only, no runtime value.

Configure Webpack css-loader to minify CSS module class names using default settings.

// webpack.config.js import classnamesMinifier from 'classnames-minifier'; export default { module: { rules: [ { test: /\.module\.css$/, use: [ 'style-loader', { loader: 'css-loader', options: { modules: { getLocalIdent: classnamesMinifier(), }, }, }, ], }, ], }, };

Debug

Known issues

breakingv3 dropped CommonJS support; all imports must be ESM.

fix

Use ES module syntax: import classnamesMinifier from 'classnames-minifier'.

affects: >=3.0.0

deprecatedv2 export `classnamesMinifier` is deprecated; use default export in v3+.

fix

Switch to default import: import classnamesMinifier from 'classnames-minifier'.

affects: >=3.0.0 <4.0.0

gotchaRequires peer dependency css-loader >=4.0.0; older versions cause silent failures.

fix

Update css-loader to version >=4.0.0 or use a compatible version.

affects: >=1.0.0

gotchaWorks only with CSS modules; non-module CSS files are unaffected.

fix

Ensure your CSS files have .module.css extension or module rule.

affects: >=1.0.0

Errors

Common errors & fixes

TypeError: classnamesMinifier is not a function

CommonJS require() used instead of ESM import.

fix

Replace const classnamesMinifier = require('classnames-minifier') with import classnamesMinifier from 'classnames-minifier'.

Cannot find module 'classnames-minifier'

Package not installed; peer dependency css-loader missing.

fix

Run npm install classnames-minifier css-loader.

The 'getLocalIdent' option has been removed in css-loader 6

css-loader version >=6 changed module configuration API.

fix

Use modules.getLocalIdent or modules.localIdentName; refer to css-loader documentation.

Upgrade

Version history

4.1.1latest on npm

Audit

Dependencies

css-loaderrequiredPeer dependency required for class name minification integration with Webpack CSS modules

Agent activity

4 hits · last 30 days

node

Resources

githubgit://github.com/alexdln/nimpl-classnames-minifier ↗

packageclassnames-minifier ↗

homepagehttps://github.com/alexdln/nimpl-classnames-minifier#readme ↗