clean-css/clean-css
Clean Css
Clean-CSS es un optimizador de CSS para Node.js que funciona como minificador, empaquetador y post-procesador. Está diseñado para disminuir el volumen total de hojas de estilo eliminando espacios en blanco, comentarios y código redundante.
El proyecto proporciona un pipeline para aplicar transformaciones personalizadas y ajustes de compatibilidad con navegadores. Permite la modificación programática de reglas y valores CSS mediante un sistema de plugins y el uso de plugins de optimización personalizados.
La herramienta cubre una amplia gama de capacidades de optimización de activos, incluyendo empaquetado de hojas de estilo, integración de reglas de importación y rebasado de URLs relativas. También admite la generación de mapas de origen para depuración y un formato de salida personalizable para embellecimiento.
Features
- CSS Minification - Compresses stylesheets by removing whitespace, comments, and redundant code to reduce total file size.
- Stylesheet Bundling - Concatenates multiple CSS files or strings into a single optimized output bundle while maintaining order.
- CSS Processors - Implements a processing pipeline for applying custom transformations and browser compatibility adjustments to stylesheets.
- CSS Transformation Plugins - Implements a plugin system specifically designed to modify the CSS abstract syntax tree during optimization.
- Abstract Syntax Tree Parsing - Parses stylesheets into a structured tree representation to enable programmatic rule merging and selector simplification.
- CSS Selector Minification - Simplifies complex selectors and rules to reduce the total byte count of the output.
- CSS Bundlers - Aggregates multiple stylesheets into a single output file and resolves inline import rules.
- CSS Minifiers - Minifies CSS files by removing unnecessary characters, whitespace, and merging redundant rules.
- CSS Optimizers - Provides a JavaScript-based engine to optimize CSS properties and selectors to minimize overall stylesheet size.
- CSS Property Minification - Reduces size by merging adjacent rules and shortening color representations.
- Frontend Asset Optimization - Optimizes frontend assets by compressing CSS and refining properties to decrease the total byte count sent to browsers.
- CSS AST Transformations - Programmatically modifies CSS structures and values using tree traversal and plugins for custom requirements.
- Remote Dependency Inliners - Fetches and merges external CSS import rules from remote sources directly into the local stylesheet during build.
- CSS Source Mapping - Generates source maps that link minified CSS production files back to their original source code for debugging.
- Source Map Generation - Generates mapping files between original source CSS and the optimized output for debugging.
- CSS Rule Preservation Markers - Uses specialized preservation comments to prevent the removal of specific style rules during optimization.
- Browser Compatibility Targets - Adjusts output behavior based on defined minimum browser versions to ensure compatibility with legacy environments.
- CSS Value Optimizers - Shortens color and gradient parameters into their smallest possible valid representations using optimization plugins.
- CSS Optimization Levels - Provides selectable optimization levels to control the aggressiveness of CSS code reduction.
- CSS Pipeline Extensions - Enables the definition of custom logic within the minification pipeline to modify CSS rules.
- URL Relative Path Resolvers - Recalculates relative asset paths dynamically to ensure images and fonts remain linked when stylesheets are moved.
- CSS Import Inlining - Resolves and merges CSS import statements from local or remote sources directly into the stylesheet.
- Asset Optimization - Fast and efficient CSS minification for Node.js.
- Code Minifiers - CSS file minification and optimization.
