jakubpawlowicz/clean-css
Clean Css
Clean-CSS est un optimiseur et minificateur CSS Node.js conçu pour réduire la taille des feuilles de style et améliorer les performances web. Il fonctionne comme un post-processeur CSS qui supprime les espaces blancs inutiles, les commentaires et les propriétés redondantes des feuilles de style.
Le projet utilise un arbre de syntaxe abstraite pour l'analyse et un pipeline d'optimisation multi-passes pour restructurer les règles et simplifier les propriétés. Il dispose d'une interface de plugin pour des transformations de style personnalisées et fournit une minification consciente de la compatibilité pour garantir que les styles restent fonctionnels sur des versions de navigateurs hérités spécifiques.
Les capacités supplémentaires incluent la génération de source maps pour le débogage, le rebasage des URL d'actifs pour les images et polices déplacées, et la résolution des instructions d'importation en ligne. Le système prend en charge le traitement par lots de fichiers et fournit une interface en ligne de commande pour automatiser les tâches d'optimisation au sein des pipelines de build frontend.
Features
- CSS Minification - Provides a high-performance CSS minifier that removes redundant code and whitespace to improve loading speeds.
- CSS Minifiers - Provides a specialized utility for reducing CSS file sizes through whitespace removal and redundant rule merging.
- Command Line Interfaces - Ships a command line interface for executing optimization and minification tasks without writing custom code.
- CSS Processors - Implements a system to parse and transform CSS stylesheets into a production-ready format using a plugin interface.
- Frontend Build Pipelines - Integrates into frontend build pipelines to automate the processing of CSS files for production environments.
- Browser Compatibility Targets - Defines target browser versions to automate compatibility adjustments during the minification process.
- CSS AST Parsing - Parses CSS source code into an abstract syntax tree to enable precise structural analysis and manipulation.
- Legacy Browser Support - Implements strategies to ensure CSS functionality and visual consistency across older web browser versions.
- Compatibility-Aware Optimization - Adjusts optimization rules based on target browser profiles to ensure styles remain functional in legacy environments.
- CSS Minification Tools - Provides a dedicated tool for reducing the size of stylesheets through compression and optimization rules.
- CSS Optimization Tools - Offers a high-performance CSS optimizer specifically built for the Node.js environment.
- CSS Structural Optimizations - Clean-CSS streamlines the final stylesheet by applying structural transformations and merging redundant properties.
- Multi-Pass Minification - Employs a multi-pass pipeline to sequentially minify, merge, and restructure CSS for maximum file size reduction.
- CSS Source Mapping - Generates source maps that link minified production stylesheets back to their original source files.
- Source Map Generators - Generates source maps that link minified production stylesheets back to their original source files for easier debugging.
- CSS Rule Preservation Markers - Uses specialized comment markers to shield specific blocks of CSS from being modified during optimization.
- CSS Value Optimizers - Simplifies property values and converts colors to their shortest valid representations to decrease data transfer.
- Import Path Resolution - Resolves and merges remote or local import statements into the main stylesheet to reduce network requests.
- Transformation Plugins - Provides a plugin interface that allows custom logic to intercept and transform the internal representation of styles.
- URL Relative Path Resolvers - Calculates and updates asset URLs by comparing the original source location to the final output destination.
- Stylesheet Restructuring - Reorganizes rulesets and media queries to eliminate duplicates and shrink the overall file size.
- Style Transformation Plugin Interfaces - Enables custom logic during the optimization process via a plugin interface to transform styles.
- Asset Path Resolvers - Maps and transforms relative links to static assets like images and fonts when moving stylesheets.
- Code Optimization - CSS optimization and minification tool.
