Awesome GitHub RepositoriesCSS Source Mapping

Clean-CSS este un optimizator și minifier CSS pentru Node.js conceput pentru a reduce dimensiunile fișierelor de stil și a îmbunătăți performanța web. Acesta funcționează ca un post-procesor CSS care elimină spațiile albe inutile, comentariile și proprietățile redundante din fișierele de stil. Proiectul utilizează un arbore sintactic abstract pentru parsare și un pipeline de optimizare cu mai multe treceri pentru a restructura regulile și a simplifica proprietățile. Dispune de o interfață de plugin pentru transformări de stil personalizate și oferă minificare conștientă de compatibilitate pentru a asigura că stilurile rămân funcționale în versiunile specifice de browsere legacy. Capabilitățile suplimentare includ generarea de source map-uri pentru depanare, rebasarea URL-urilor activelor pentru imagini și fonturi relocate, și rezolvarea instrucțiunilor de import inline. Sistemul suportă procesarea fișierelor în lot și oferă o interfață CLI pentru automatizarea sarcinilor de optimizare în cadrul pipeline-urilor de build frontend.

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.

sass-loader este un plugin de instrument de build care compilează fișierele sursă Sass în CSS standard pentru compatibilitatea cu browserele web. Funcționează ca o punte între logica de rezoluție a motorului de build și motoarele de compilare Sass pentru a procesa foile de stil. Instrumentul oferă un wrapper pentru diferite motoare de compilare Sass, permițând configurarea specifică a motorului. Gestionează rezolvarea importurilor de stiluri externe folosind logica internă de rezoluție a căilor și suportă injectarea de date de stil partajate și variabile în fișierele de intrare pentru consistență la nivelul întregului proiect. Sistemul gestionează transformarea stilurilor printr-un pipeline care include generarea de source maps pentru a lega CSS-ul compilat înapoi la fișierele sursă originale și un mecanism de rutare care mapează avertismentele compilatorului la output-ul build-ului.