SASS смотреть несколько .scss в подкаталоге директории select?

Question

Я запускаю проект, где у меня есть это: Сайт

И мне нравится делать что-то вроде этого:

: sass --watch Component / *. Scss: css / style.css

Когда сохранение выполняется в любом .scss в Component /, запускается «watch», это возможно?

Спасибо за поиск;

Answer 1

Если вы используете самоцвет sass, у вас есть следующие опции:

update скомпилирует один файл или несколько файлов в папке (в зависимости от параметров).watch сделает то же самое, и после завершения начальной компиляции он будет просматривать файл или все файлы в указанной папке, поэтому каждый раз, когда обнаруживается изменение в любом из целевых файлов, sass будет компилировать измененные.

Обе опции имеют одинаковый синтаксис командной строки:

sass --watch input/folder:output/folder
sass --watch input.scss:output.css

Итак, чтобы скомпилировать все файлы в папке:

sass --update path/to/input/folder:path/to/output/folder

И скомпилировать, а затем посмотретьпапка:

sass --watch path/to/input/folder:path/to/output/folder

Просто запустите sass --help для получения полного списка параметров.

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

Answer 2

Предположим, вы используете gulp для запуска задач.

var sass = require('gulp-sass'); //after npm i gulp-sass --save-dev in your terminal.

gulp.task('watch', function(){
  gulp.watch('./app/sass/*.scss', ['sass']);  //place the correct location of your scss folder
});

И включаете наблюдение в задачу "build"

// *** build task *** //
gulp.task('build', function() {
  runSequence(
    ['watch']
  );
});

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