sass - дивитися з автоматичним minify?


235

Чи є спосіб запустити:

sass --watch a.scss:a.css

але a.cssзрештою їх мінімізували?

Як я можу уникнути необхідності виконувати окремий крок мінімізації, коли складаю таблицю стилів?

Відповіді:


546
sass --watch a.scss:a.css --style compressed

Зверніться до документації щодо оновлень:


42
Ви також можете Мінімізувати «простий» CSS наступним чином:sass --watch a.css:a.min.css --style compressed --scss
SaM

13
Усі стилі виводу перераховані тут (вкладені, розширені, компактні та стислі)
allicarn

3
Чи можу я отримати результати у поєднанні таких стилів; Мені потрібні також стислі та розширені результати. Як це зробити?
Темп О'рарі

3
Це працює для мене, коли sass створює одночасно і нескорочений і мінімізований файл csssass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss
Алекс Райт

2
Здається, це не працює в останній версії 3.5.4 Sass?
The Chewy

22

Якщо ви використовуєте редактори JetBrains, такі як IntelliJ IDEA , PhpStorm , WebStorm тощо. Використовуйте наступні налаштування в Налаштуваннях> Файлові диспетчери. введіть тут опис зображення

  1. Перетворити style.scssдля style.cssвстановлення аргументів

    --no-cache --update $FileName$:$FileNameWithoutExtension$.css

    та вихідні шляхи для оновлення

    $FileNameWithoutExtension$.css
  2. Перетворити style.scssна стислий style.min.cssнабір аргументів

    --no-cache --update $FileName$:$FileNameWithoutExtension$.min.css --style compressed

    та вихідні шляхи для оновлення

    $FileNameWithoutExtension$.min.css

15

Якщо ви використовуєте компас:

compass watch --output-style compressed

12
Це команда компаса, а не просто sass. Ви припускаєте, що компас використовується тоді, коли його може не бути.
Дойл Льюїс

4
Це працює і для мене, тому що я використовую компас замість просто sass.
fedmich

3
Тим, хто дав downvote лише тому, що цей код є компасом, слід задуматися, чи справді йому
потрібен потік

Чому люди спростували цю відповідь? Це саме те, що я шукав, в першу чергу, і я впевнений, що я не єдиний, тому що minify compass outputпошук Google веде сюди.
Кунок

@fedmich тому, що в початковому запитанні ніколи не згадувалося про компас, і оскільки в цій відповіді немає жодних пояснень, чим саме ця команда не корисна, якщо ви не використовуєте компас. Я не заперечував, але гадаю, що це є причиною, і це була б ідеально чудова відповідь, якби було хоча б кілька слів опису.
Маттіас Сейферт
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.