vite-plugin-class-mangler-patch
v0.0.1
Published
Vite plugin for minifying and obfuscating CSS class names in production
Downloads
1
Maintainers
Readme
Supported frameworks
- Vue (In progress)
- React (In progress)
- Svelte
Installation
This plugin is still a work-in-progress, I'm currently working out how to extract used classes from templates & scripts before bundling, and replace all references within style tags, css, and scss files after parsing - The 'buildEnd' hook would be good timeline-wise, but doesn't allow for modification of the code. If you're knowledgable with the Vite/Rollup plugin APIs, contributions would be appreciated!
Usage
Add to your vite config:
import { defineConfig } from 'vite';
import ClassMangler from 'vite-plugin-class-mangler';
export default defineConfig({
plugins: [
ClassMangler()
]
});
Optionally, customize any of the following options:
ClassMangler({
dev: true,
min: 2,
max: 6,
length: 8,
suffixes: ['.svelte', '.html']
})
'Dev' determines whether to apply the plugin on serve or build. It defaults to 'false', only replacing class names in production builds.
Min / max are inclusive integers used for randomizing the length of the generated classes. If 'length' is provided instead, these will be ignored.
Suffixes can be overriden, provided as an array of strings, although the defaults should work in most cases (['.svelte', '.tsx', '.jsx', '.html', '.vue']).
Testing
Run unit tests:
yarn test
Credits
Forked from vite-plugin-tailwind-obfuscate