Деминификација CSS кода на мрежи
Унесите сажет стилски лист и поново га читајте без напора. Сваки селектор и декларација добијају свој ред, а блокови и медијски упити увлачење какво бисте и сами написали.
Зашто је продукциони CSS у једном реду
Стилски листови се минификују из истог разлога као и скрипте: CSS блокира приказивање, па сваки уштеђени бајт директно утиче на брзину исцртавања странице. cssnano, Lightning CSS и оптимизатори уграђени у Sass и PostCSS уклањају размаке и коментаре, скраћују вредности боја, спајају поновљена правила и бришу последњу тачку и зарез у сваком блоку. Радни оквири са помоћним класама додатно згушњавају резултат, јер компајлиран Tailwind стилски лист може да садржи хиљаде ситних правила са готово ничим између њих.
Поново пратите каскаду
Главни разлог за улепшавање стилског листа јесте разумевање зашто се неко правило примењује или не примењује. Када сваки селектор стоји у засебном реду са увученим декларацијама испод њега, каскаду можете правилно да пратите: пронађете сва правила која циљају елемент, упоредите њихову специфичност, видите које долази последње и уочите залутали important који потискује ваше измене. Медијски упити и њихов садржај постају јасни блокови, па је прилагодљиво понашање странице далеко лакше разумети него у сажетој датотеци.
Савремени CSS је подржан
Форматер разуме актуелни CSS, а не само старији подскуп синтаксе. Прилагођена својства, изрази calc и clamp, скраћенице за grid и flexbox, упити контејнера, угнежђена правила, layers, блокови supports и keyframes форматирају се правилно. Дуге листе селектора распоређују се у више редова ради читљивости, а коментари који су преживели изградњу остају сачувани. Ако датотека меша стандардни CSS и својства са префиксима произвођача, оба облика остају непромењена и само се приказују јасније.
Практичан савет за компајлиране оквире
Када улепшате компајлиран Tailwind или Bootstrap стилски лист, датотека врло брзо постаје огромна, а десетине хиљада редова су уобичајен резултат. Укључите бројеве редова, па претражите назив класе или својства функцијом претраге прегледача уместо да се крећете кроз цео документ. Ако желите мању датотеку, а не читљивију, праве измене треба направити у конфигурацији изградње, јер су некоришћена правила генерисана пре него што је минификација уопште почела.
Честа питања
Могу ли да деминификујем компајлиран Tailwind стилски лист?
Да, и то је једна од најчешћих намена ове странице. Очекујте веома дугачак резултат, пошто оквир генерише правило за сваку помоћну класу. Укључивање бројева редова и претрага у прегледачу најпрактичнији су начин кретања кроз такав документ.
Да ли се коментари враћају?
Само они који су остали у датотеци. Већина минификатора брише све коментаре осим правних обавештења, а обрисани коментари се не могу вратити. Форматер чува преостале коментаре и уредно их распоређује.
Да ли алат ради са SCSS или Less кодом?
Ова страница је намењена стандардном CSS коду који прегледачи заиста преузимају. Изворне датотеке претпроцесора са променљивим, миксинима и синтаксом специфичном за SCSS или Less нису предвиђени улаз, мада је стандардно CSS угнежђивање подржано.