Grunt：在不同的子文件夹中查看多个文件（js，css和gsp）

Question

我第一次使用grunt / watch：

我的Gruntfile.js配置如下：

module.exports = function（grunt）{

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
      watch: {
        all: {
          options: { 
            livereload: true 
          },
          files: ['**/*.gsp,**/.css']
        }
      }
  });

  // Load the plugin that provides the "uglify" task.
  grunt.loadNpmTasks('grunt-contrib-watch');

};

我遇到的问题是当我运行监视任务时只检查css或gsp文件类型，如files: ['**/.css']或files: ['**/.gsp']它工作正常并检测到文件中的更改但是当我尝试观看时它们files: ['**/*.gsp,**/.css']，它都没有检测到任何更改（继续显示在命令行上等待）。 如何使其工作，以便检测两种文件类型的更改。

在一天结束时，我想这样做（图片）：

任何见解都会有所帮助。谢谢你！

Answer 1

最好的语法是： files: ['./{,*/}*.{gsp,css}'] 正如您所见，grunt接受扩展数组

好的，基于你的编辑，这应该是最好的解决方案

files: ['./grails-app/{,*/}*.gsp',
        './web-app/{,*/}*.{css,gsp}']

Answer 2

以下列方式表达您想要的功能可能更容易，更易读：

files: ['**/*.gsp', '**/*.css']

对于刚发布的文件层次结构：

files: [ 'grails-app/**/*.gsp', 'web-app/**/*.css', 'web-app/**/*.js' ]