4

だから私はGulpで手を汚しました。私は Grunt を使ったことはありませんが、Gulp が新しい大きなものになっているようです。すべてがうまくいくようです。次の gulpfile.js を使用して、SCSS を CSS に正常にコンパイルしました。

// Include gulp
var gulp = require('gulp'); 

// Include Our Plugins
var sass = require('gulp-sass');
var rename = require('gulp-rename');


// Compile Our Sass
gulp.task('sass', function() {
    return gulp.src('./scss/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('./css'));
});

// Rerun the task when a file changes
gulp.task('watch', function () {
  gulp.watch('scss/**/*.scss', ['sass']);
});

// Default Task
gulp.task('default', ['sass', 'watch']);

つまり、ターミナルで Gulp default を実行すると、スクリプトが開始されますが、終了することはありません。これがポイントだと思います.Gulpがファイルを監視するには、実行し続ける必要があります.

これでスタンバイ中です：

[gulp] Running 'sass'...
[gulp] Finished 'sass' in 8.47 ms

その場合、ターミナルを閉じて再度開かずに実行を停止するにはどうすればよいですか? これが単純な場合は申し訳ありませんが、ターミナルに関しては手がかりがありません。

4

1 に答える 1

9

gulp ウォッチは、ファイルの変更を監視するように設計されており、実行中のプロセスとして機能します。

README は、その使用例を示しています: gulp-watch

コマンド: Ctrl+Cはプロセスを停止します。

watchディレクティブでファイルの変更を開始すると、リロードでアクションがトリガーされます。現在、ウォッチに対するアクションはありません。これにより、sass ファイルが変更されたときにアクションがトリガーされます。

gulp.watch('./scss/**/*.scss', ['sass']);
于 2014-01-28T04:23:04.960 に答える