SASS Output Style автоматизировать с уменьшенным файлом

Question

Я пытаюсь выполнить тест для правильного использования SASS, и я хочу создать стиль файла. css и этот файл уменьшен до style.min. css

sass --watch sass/style:css --style compressed

Это работает хорошо, но Мне нужно автоматизировать процесс, выполняя компиляцию и минификацию одновременно.

Я нашел этот код в другом стеке потока:

sass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss

, но теперь не работает так, как я хочу, чтобы это работало. Кроме того, на веб-странице Sass код изменился в 2020 году.

https://sass-lang.com/documentation/cli/dart-sass#style

Я не использую инструмент gulp, потому что считаю, что он не нужен для проектов Wordpress.

Кто-нибудь может мне помочь?

Answer 1

Независимо от того, на чем вы строите свой сайт, если вам нужен полный контроль над компиляцией / минификацией / чем угодно, то для этого есть такие инструменты, как gulp.

Похоже, вы пытались скомпилировать S CSS в CSS в файл, затем взять этот скомпилированный файл CSS и свернуть его. Этот инструмент CLI не будет этого делать, но он может абсолютно выполнить компиляцию / сжатие одновременно, непосредственно из источника. S CSS.

Используя используемый вами двоичный файл, это компилировать и сжимать, принимая ./sass/style.scss и выводя результат в ./css/style.min.css

sass sass/style.scss:css/style.min.css --style compressed

Добавить --watch, если вы хотите, чтобы он реагировал на изменения файла в вашем файле * css.

Или, возможно, вы пытались получить неунифицированную и минимизированную версию вместе. В этом случае вам просто нужно выполнить две команды. Опять же, gulp предназначен для автоматизации этого процесса.

Другие двоичные файлы будут иметь различные флаги и опции, и, конечно, есть опция gulp, которую я бы порекомендовал вам, так что вам не нужно запоминать какие-либо длинные команды, и вы можете поделиться выбранной структурой / задачами по проектам.