CSS formatter
CSS formatter/minifier для stylesheet-фрагментов, component styles и theme tokens: Prettier formatting, minify, copy, clear и понятные syntax errors прямо в браузере.
Как это работает
CSS formatter lazy-load использует Prettier standalone с PostCSS parser plugin для разбора и форматирования stylesheet. Минификация сначала валидирует CSS тем же parser, затем удаляет комментарии и лишние пробелы. Всё выполняется локально — CSS не отправляется на сервер.
Когда использовать
Форматирование помогает читать скопированные stylesheet-фрагменты, component styles, theme tokens и CSS из DevTools перед ревью. Минификация полезна для компактной вставки небольших стилей в тесты, embeds или черновики конфигов.
Как пользоваться
- 1Вставьте CSS в редактор.
- 2Нажмите «Форматировать» для читаемых отступов или «Минифицировать» для компактного вывода.
- 3Если parser не может разобрать стили, исправьте ошибку по сообщению в результате.
- 4Скопируйте результат или очистите поля.
Вопросы
CSS отправляется на сервер?
Нет. Форматирование и минификация выполняются в браузере, stylesheet не покидает устройство.
Показываются ли ошибки синтаксиса?
Да. Инструмент использует CSS parser Prettier и показывает строку, колонку и сообщение ошибки, когда parser возвращает позицию.
Минификация меняет смысл CSS?
Минификация убирает комментарии и лишние пробелы после успешного parse. Перед продакшн-сборкой всё равно прогоняйте стили через свой pipeline, если он делает autoprefixing или advanced optimizations.