
Security News
New CVE Forecasting Tool Predicts 47,000 Disclosures in 2025
CVEForecast.org uses machine learning to project a record-breaking surge in vulnerability disclosures in 2025.
css-mangle-webpack-plugin
Advanced tools
This webpack plugin package is a CSS mangler that globally optimizes and shortens identifier names.
Version | v1.0.0-alpha17 |
---|
This webpack plugin package is a CSS mangler that globally optimizes and shortens identifier names.
in brief, It primarily converts identifiers used in CSS (e.g., variables, class names, IDs) into shorter names to reduce file size and improve performance. 🚀
[!IMPORTANT] This package is more developing and fixing..., And this package current version is alpha. And refer to Change Log for details.
Type | Status | Support |
---|---|---|
Variable | Alpha and tested for required dev-enviorment. | ✅ |
Class | Not supported by default currently, but experimental stage. | 🟧 |
Id | Not supported by default currently, but experimental stage. | 🟧 |
Minify | Alpha and tested for required dev-enviorment, but this is optional. | 🟨 |
Others | Not supported | 🟥 |
To install this package in your project, enter the following command.
When you want to update this package, enter
npm update css-mangle-webpack-plugin --save
in the terminal to run it.
npm install css-mangle-webpack-plugin --save-dev
// In webpack.config.js
const CSSManglePlugin = require("css-mangle-webpack-plugin");
module.exports = {
// Add an instance of CSSManglePlugin to plugins property value.
plugins: [new CSSManglePlugin({...})]
}
The example below demonstrates the simplest of many possible transformations. In practice, all CSS identifiers written in the script, including JSX, are also transpiled.
:root {
--background: white;
--foreground: black;
}
/* Supoort Custom Property Registration. */
@property --reaground { ... }
body {
background-color: var(--background);
color: var(--foreground)
}
const property = "var(--background, white)";
const literals = "--background";
:root {
--a: white;
--b: black;
}
/* Supoort Custom Property Registration. */
@property --c { ... }
body {
background-color: var(--a);
color: var(--b)
}
const property = "var(--a, white)";
const literals = "--a";
Name | Description | Type |
---|---|---|
ignoreScript | Whether unique identifiers in JavaScript and JSX should not be targets for transpilation. | boolean |
processStage | This option value defines which bundle process stage of Webpack to proceed with optimization task. | "OPTIMIZE" | "OPTIMIZE_INLINE"; |
printLogs | Not ready a comment about this. | "ALL" | "WARNING" | "NONE" |
debugLogs | Not ready a comment about this. | "ALL" | "TIMEOUT" | "NONE" |
reserved | Not ready a comment about this. | string[] |
minify | Not ready a comment about this. | boolean | Partial |
mangle | Not ready a comment about this. | { variableName?: boolean | CSSVariableManglerOptions, className?: boolean, idName?: boolean, options: ... } | boolean |
1.0.0-alpha18
rgb
or rgba
syntax.FAQs
This webpack plugin package is a CSS mangler that globally optimizes and shortens identifier names.
The npm package css-mangle-webpack-plugin receives a total of 37 weekly downloads. As such, css-mangle-webpack-plugin popularity was classified as not popular.
We found that css-mangle-webpack-plugin demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CVEForecast.org uses machine learning to project a record-breaking surge in vulnerability disclosures in 2025.
Security News
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
Research
Security News
Eight new malicious Firefox extensions impersonate games, steal OAuth tokens, hijack sessions, and exploit browser permissions to spy on users.