Как просматривать изменения в целом каталоге/папке, содержащей много файлов sass

Как я могу отслеживать изменения в целом каталоге, содержащем много sass файлов? Я использую следующую команду для просмотра изменений в sass

Файл:

sass --watch style.scss:style.css

Но как смотреть изменения в целом каталоге/папке, содержащей много файлов sass.

Ответы

Ответ 1

Просто используйте команду sass --watch <input folder>:<output folder>, например:

$ ls -l
css/ sass/
$ sass --watch sass:css

Где <input folder> содержит файлы Sass и <output folder>, в которых размещаются сгенерированные файлы CSS.

Ответ 2

Несколько раз ответьте piouPiouM:

  • Выходные файлы будут созданы с теми же именами, что и входные файлы, за исключением окончания .css.
  • <input folder> и <output folder> могут быть одинаковыми.

  • Обе папки могут быть настоящим рабочим каталогом, поэтому допустимо следующее:

    $ sass --watch .:.

Ответ 3

Я закончил это без использования Grunt или Sass-watch:

npm install -g watch
watch "sass assets/app.scss assets/dist/app.css" assets/css

Ответ 4

Перейдите к терминалу и получите к вам папку, а затем напишите:

 sass --watch .

это будет смотреть все файлы sass и конвертировать в css файлы с тем же именем. вы также можете сделать это следующим образом:

sass --watch ~/user/youUser/workspace/project/styles/

Надеюсь, это поможет вам.

Ответ 5

Вы можете создать один файл sass, который включает в себя остальные файлы, а затем просто посмотреть этот файл.

В качестве альтернативы рассмотрите Grunt и очень хорошее grunt-contrib-compass плагин