mangle-css-class-webpack-plugin
mangle-css-class-webpack-plugin copied to clipboard
sndyuk
Minifies and obfuscates the class names in your existing JavaScript, CSS, and HTML without any modern css modules.
Hello, What regex should I use if I am using TailwindCSS? I saw an issue with a Tailwind regex but this used the `tw-` prefix. I tried to remove this...
I use mangle-css-class-webpack-plugin on create-react-app every my project. Now, i need change from create-react-app to vite-react. After 1 day of my test. i problem to use on vite, i can't...
This is the small change I use for mangling Tailwindcss in Vue3. Vue3 needs to parse .vue files. I also allow to begin the previous character can be ':' so...
Hello. I'm trying to make this plugin work with `html-webpack-plugin`. It seems to not mangle the classes generated by `HtmlWebpackPlugin`. But the JS and CSS resources are mangled. Here's my...
Hi I use Tailwind with the prefix `tw-` In `next.config.js`: ``` reactStrictMode: false, ... if (!dev) { const MangleCssClassPlugin = require('mangle-css-class-webpack-plugin') config.plugins.push( new MangleCssClassPlugin({ classNameRegExp: '((hover|focus|active|disabled|visited|first|last|odd|even|group-hover|focus-within|xs|sm|md|lg|xl)[\\\\]*:)*tw-[a-zA-Z0-9_-]*([\\\\]*\/[0-9]*)?', ignorePrefixRegExp: '((hover|focus|active|disabled|visited|first|last|odd|even|group-hover|focus-within|xs|sm|md||lg|xl)[\\\\]*:)*', log: true,...
classnames and css doesnt change current next.config.js ``` /** @type {import('next').NextConfig} */ const path = require('path'); const MangleCssClassPlugin = require('mangle-css-class-webpack-plugin'); module.exports = { reactStrictMode: true, swcMinify: true, sassOptions: { includePaths:...
I configured the package to run and found that the class name changes, the style is not right, I guess it is a nuxt hydration problem
