如何使用grunt-regarde和grunt-contrib-coffee来编译更改的.coffee文件？

Question

我的项目有300多个CoffeeScript文件,因此重新编译所有内容需要几秒钟.我只想重新编译已更改的CoffeeScript文件.

这是我到目前为止最接近的,但是"frontend-sr​​c/coffeescript"文件夹结构正在从src目录复制到dest目录.

coffee: {
  changed: {
    expand: true,
    cwd: './',
    src: ['<%= grunt.regarde.changed %>'],
    dest: 'public/js/',
    ext: '.js'
  }
},
regarde: {
  coffee: {
    files: 'frontend-src/coffeescript/**/*.coffee',
    tasks: ['coffee:changed', 'livereload']
  }
}

这一切都与Grunt 0.4.0有关.任何帮助将不胜感激!

Answer 1

我也遇到过同样的问题。我用regarde:file事件解决了它。

首先，我使用该regarde:file事件监听更改的文件。这将为两个任务提供配置：clean:coffee源位置中的文件是否已被删除以及coffee:refresh文件是否已更改/添加。

然后该regarde任务将触发其任务，该任务将启动refresh:coffee（不要误认为是coffee:refresh）。此任务将检查是否添加了clean:coffee和/或 的配置coffee:refresh，并在需要时运行这些任务（通过 function grunt.task.run）。如果还会重置该标志，这将导致下一个接收到的regarde:file事件再次清除配置。

深入解释：

首先，regarde配置：

 // watch for changed coffeescript files
 coffee: {
    files: 'path/to/coffee/**/*.coffee',
    tasks: ['refresh:coffee', 'livereload']
 },

然后我监听该regarde:file事件，在其中更新其配置中的clean:coffee和文件列表。coffee:refresh

根据regarde:file事件提供配置：

grunt.event.on('regarde:file', function (status, target, filepath) {
   if (resetFlag) {
      // clean file list from previous cycle, so clean clean:coffee and coffee:refresh
      // file lists
      ...

      resetFlag = false;
   } 
   if (status === 'deleted') {
        if (filepath) {
            // calculate filepath's destination and  
            // add it to clean:coffee filelist
        }
    } else {
        if (!grunt.file.isDir(filepath)) {
            // add filepath to coffee:refresh filelist
        }
    }
}

通过函数可以轻松更新配置grunt.config()。下面是要提供的代码片段coffee:refresh和clean:coffee.

将配置添加到coffee:refresh：

var config = grunt.config('coffee') || {};
var value = config.refresh || {};
value.files = value.files || [];
...
var cwd = path.dirname(filepath),
    src = path.basename(filepath),
    dest = cwd.replace('path/to/source', 'path/to/dest');
    value.files.push({
       expand:true,
       src:src,
       dest:dest,
       cwd:cwd,
       ext:'.js'
    });
grunt.config('coffee', config);

将配置添加到clean:coffee：

    var cwd = path.dirname(filepath),
        src = path.basename(filepath),
        dest = cwd.replace('path/to/source', 'path/to/dest');
        value.src.push(path.join(dest, src.replace('coffee', 'js')));
    // clean only what has been removed
        config = grunt.config('clean') || {};

    config.coffee = value;

    grunt.config('clean', config);

任务refresh:coffee被触发：

    grunt.registerMultiTask('refresh', 'refreshing the changed file(s)', function () {
        this.requires('regarde');

        var tasks = [];
        var clean = grunt.config('clean');

        // check if there is clean:refresh config available
        if (clean && clean[this.target]) {
            tasks.push('clean:' + this.target);
        }
        var config = grunt.config(this.target);

        // check if there is coffee:refresh config available
        if (config && config.refresh) {
            tasks.push(this.target + ':refresh');
        }
        // run the tasks
        grunt.task.run(tasks);

        // set the resetFlag back to true
        resetFlag = true;
    });