📦 SETUP • ⚙️ CONFIGURATION • ️️️🛰️ FEATURES
| An Astro integration to minify and mangle CSS class names across HTML, CSS, and JS files. Boost performance by reducing payload size and obfuscate your source code structure. |
About
Requirements
Installation
Usage
Configuration
node >= 22.17.0
bun >= 1.1.0
bun i -D astro-class-shortener
npm i -D astro-class-shortener
pnpm i -D astro-class-shortener
yarn i -D astro-class-shortener
In your astro.config.ts file add the following code in integrations:
import { defineConfig } from 'astro/config';
import { classShortener } from 'astro-class-shortener';
export default defineConfig({
integrations: [ classShortener() ]
});
Extra settings that can be added.
import { defineConfig } from 'astro/config';
import { classShortener } from 'astro-class-shortener';
export default defineConfig({
integrations: [
classShortener({
// Exclude some classes to be renamed and shorted
exclude: [ 'is-active' ]
})
]
});
BACK TO TOP
Copyright © All rights reserved developed by LuisdaByte and
