clean-css/clean-css
Clean Css
Clean-CSS este un optimizator CSS pentru Node.js care funcționează ca minifier, bundler și post-procesor. Este conceput pentru a reduce volumul total al fișierelor de stil prin eliminarea spațiilor albe, a comentariilor și a codului redundant.
Proiectul oferă un pipeline pentru aplicarea transformărilor personalizate și a ajustărilor de compatibilitate cu browserele. Permite modificarea programatică a regulilor și valorilor CSS printr-un sistem de plugin-uri și utilizarea plugin-urilor de optimizare personalizate.
Instrumentul acoperă o gamă largă de capabilități de optimizare a activelor, inclusiv gruparea fișierelor de stil, înlănțuirea regulilor de import și rebasarea URL-urilor relative. De asemenea, suportă generarea de source map-uri pentru depanare și formatarea output-ului personalizabilă pentru înfrumusețare.
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.
