Question

我启动了一个项目：Site

我喜欢这样做：

：sass --watch Component / * .scss：css / style.css

当在Component /中的任何.scss中进行保存时，它会运行“watch”，这可能吗？

寻找;

Answer 1

如果您使用的是sass gem，您有以下选择：

update将编译文件夹中的单个文件或多个文件（取决于参数）。 watch将执行相同的操作，在初始编译完成后，它将监视指定文件夹中的文件或所有文件，因此每次在任何目标文件上检测到更改时，sass都将编译改变了。

两个选项都有相同的命令行sintax：

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 task *** //
gulp.task('build', function() {
  runSequence(
    ['watch']
  );
});

希望这有帮助！

SASS在目录选择的子目录中观看多个.scss？

2 个答案: