clean-css/clean-css
Clean Css
Clean-CSS est un optimiseur CSS Node.js qui fonctionne comme un minificateur, un bundler et un post-processeur. Il est conçu pour diminuer le volume total des feuilles de style en supprimant les espaces blancs, les commentaires et le code redondant.
Le projet fournit un pipeline pour appliquer des transformations personnalisées et des ajustements de compatibilité des navigateurs. Il permet la modification programmatique des règles et valeurs CSS via un système de plugin et l'utilisation de plugins d'optimisation personnalisés.
L'outil couvre un large éventail de capacités d'optimisation d'actifs, incluant le regroupement de feuilles de style, l'intégration des règles d'importation et le rebasage des URL relatives. Il prend également en charge la génération de source maps pour le débogage et le formatage de sortie personnalisable pour l'embellissement.
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.
