javascript - Grunt 监视任务而不是文件？

Question

我是 Grunt 的新手，我看过一些关于 watch 插件的教程。示例:

watch:{
 sass:{
  files: 'sass/*.scss',
  tasks: ['sass','cssmin']
 }
}

我的问题是，为什么我需要关注“sass”之类的另一个插件，而不是关注实际文件“sass/*.scss”？

我不明白，看一个插件/任务而不是一个文件是不合逻辑的。

为什么我不能这样调用:

watch:{
      files: 'sass/*.scss',
      tasks: ['sass','cssmin']
    }

?

如果我还想查看我的 js 文件怎么办？我还需要把它放在 sass 任务的文件中吗？将 js 文件放入 sass 任务中是没有意义的...

Answer 1

您绝不是在看插件。假设你有另一个插件 less，你想处理一组不同的文件。你会怎么做？

watch {
    sass: ...

    less: ...

    uglify: ...
}

即使您将 js 文件与 sass 放在一起(忽略这是一种可怕的做法)，当 grunt 在该文件上调用 sass 时，也不会发生任何事情。

举个例子

module.exports = function (grunt) {

    grunt.initConfig({

        jshint: {
            // ...
        },

        uglify: {
            // ...
        },

        sass: {
            // ...
        },

        foo: {
            // ...
        },

        watch: {
            javascript: {
                files: 'javascripts/*/**.js',
                tasks: ['jshint', 'uglify']
            },
            sass: {
                files: 'sass/*/**.scss',
                tasks: ['sass', 'foo']
            }
        }

    });

    // ...

};

js有不同的watcher，比如uglify。