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

【问题标题】：Grunt : watch multiple files (js,css and gsp) within different sub foldersGrunt ：在不同的子文件夹中查看多个文件（js、css 和 gsp）
【发布时间】：2014-10-11 14:06:01
【问题描述】：

我是第一次使用 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'] @，它没有检测到任何更改（在命令行上一直显示等待）。 如何让它工作以检测两种文件类型的变化。？

最后我想这样做（图片）：

任何见解都会有所帮助..提前致谢！

【问题讨论】：

标签： javascript gruntjs grunt-contrib-watch

【解决方案1】：

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

好的，根据您的编辑，这应该是最好的解决方案

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

【讨论】：

是的，抱歉忘记添加路径了。/现在应该没问题了
你能发布你的文件树吗？我猜你想要递归搜索
我已经编辑了我的答案，希望一切都能如您所愿。
感谢您的宝贵时间...它有效...而且我发现如果我们在 web-app 和 grails-app 文件夹中有子文件夹，我们需要在提及之前添加 **（双星）文件类型（如下面的 anton 回答）...像这样 - 文件：['./grails-app/{,*/}.gsp','./web-app/{,*/}.{css,js}']}

【解决方案2】：

用以下方式表达你想要的功能可能更容易、更易读：

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

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

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

【讨论】：