nextjs-plugin-minify-css-classname

A Next.js plugin to minify css classnames. No any external dependencies.

🚧 Before

<main class="App_content_g9yLL">
  <p class="Message_message_7VBcg">hello,
    <span class="Message_strong_kQiZl">world!</span>
  </p>
</main>

✨ after

<main class="a">
  <p class="b">hello,
    <span class="c">world!</span>
  </p>
</main>

🔌 Installation

$ npm install -D nextjs-plugin-minify-css-classname

or

$ yarn add -D nextjs-plugin-minify-css-classname

🏄 Usage

next.config.js

// Automatically enable on production build
const { withMinifyClassnames } = require('nextjs-plugin-minify-css-classname');

module.exports = withMinifyClassnames({
  // other configs
})

// or manually enable
const { withMinifyClassnamesConfig } = require('nextjs-plugin-minify-css-classname');

module.exports = withMinifyClassnamesConfig({
  enabled: process.env.NODE_ENV === 'production',
})({
  // other configs
})

🏁 LICENSE

MIT