Awesome GitHub RepositoriesCSS Source Mapping

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.

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.

sass-loader est un plugin de système de build qui compile les fichiers sources Sass en CSS standard pour la compatibilité avec les navigateurs web. Il fonctionne comme un pont entre la logique de résolution du moteur de build et les moteurs de compilation Sass pour traiter les feuilles de style. L'outil fournit un wrapper pour différents moteurs de compilation Sass, permettant une configuration spécifique du moteur. Il gère la résolution des importations de styles externes en utilisant une logique de résolution de chemin interne et prend en charge l'injection de données de style partagées et de variables dans les fichiers d'entrée pour une cohérence à l'échelle du projet. Le système gère la transformation des styles via un pipeline qui inclut la génération de source maps pour lier le CSS compilé aux fichiers sources originaux et un mécanisme de routage qui mappe les avertissements du compilateur à la sortie du build.