問題描述

我正在開發一個 Gulpfile.可以讓它一改變就重新啟動嗎?我正在使用 CoffeeScript 開發它.Gulp 是否可以監視 Gulpfile.coffee 以便在保存更改時重新啟動?

I am developing a Gulpfile. Can it be made to restart as soon as it changes? I am developing it in CoffeeScript. Can Gulp watch Gulpfile.coffee in order to restart when changes are saved?

推薦答案

您可以創建一個 task 將 gulp.watch 用于 gulpfile.js 并簡單地 spawn 另一個 gulp child_process.

You can create a task that will gulp.watch for gulpfile.js and simply spawn another gulp child_process.

var gulp = require('gulp'),
    argv = require('yargs').argv, // for args parsing
    spawn = require('child_process').spawn;

gulp.task('log', function() {
  console.log('CSSs has been changed');
});

gulp.task('watching-task', function() {
  gulp.watch('*.css', ['log']);
});

gulp.task('auto-reload', function() {
  var p;

  gulp.watch('gulpfile.js', spawnChildren);
  spawnChildren();

  function spawnChildren(e) {
    // kill previous spawned process
    if(p) { p.kill(); }

    // `spawn` a child `gulp` process linked to the parent `stdio`
    p = spawn('gulp', [argv.task], {stdio: 'inherit'});
  }
});

我使用 yargs 來接受主要任務"，一旦我們需要重新啟動.所以為了運行它，你會調用:

I used yargs in order to accept the 'main task' to run once we need to restart. So in order to run this, you would call:

gulp auto-reload --task watching-task

要進行測試，請調用 touch gulpfile.js 或 touch a.css 以查看日志.

And to test, call either touch gulpfile.js or touch a.css to see the logs.

這篇關于每次 Gulpfile 更改后如何重新啟動 Gulp?的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！