
Product
Introducing Socket MCP for Claude Desktop
Add secure dependency scanning to Claude Desktop with Socket MCP, a one-click extension that keeps your coding conversations safe from malicious packages.
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 0 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.
Product
Add secure dependency scanning to Claude Desktop with Socket MCP, a one-click extension that keeps your coding conversations safe from malicious packages.
Product
Socket now supports Scala and Kotlin, bringing AI-powered threat detection to JVM projects with easy manifest generation and fast, accurate scans.
Application Security
/Security News
Socket CEO Feross Aboukhadijeh and a16z partner Joel de la Garza discuss vibe coding, AI-driven software development, and how the rise of LLMs, despite their risks, still points toward a more secure and innovative future.