Javascript 使用grunt watch将多个文件夹从LESS编译为CSS？

我正在尝试使用grunt watch编译更少的文件，我有两个包含更少文件的文件夹和两个目标文件夹，但它显示了一个错误：

对象没有“indexOf”方法

GrunFile.js代码：

module.exports = function(grunt) {
  grunt.initConfig({
    less: {
      options: {
        paths: ["./less"],
        yuicompress: true
      },
      files: [{
        expand: true,
        cwd: './less',
        src: ['*.less', '!{fonts, variable, mixins}*.less'],
        dest: './css',
        ext: '.css'
      }, {
        expand: true,
        cwd: './less',
        src: '*.less/themes',
        dest: './css/themes',
        ext: '.css'
      }],
    },
    watch: {
      files: "./less/*",
      tasks: ["less"]
    }
  });
  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.loadNpmTasks('grunt-contrib-watch');

  grunt.registerTask('default', ['watch']);
};

---

正如你所看到的；文件：'选项包括两个不同的文件夹。

您可以尝试创建两个目标（不知道这是否是正确的术语），并将您的关注点分开。然后运行它们查看

。还通过使用深度监视器通配符调整了监视任务，以监视
主题

less : {
  options : {...},
  styles : {...},
  themes : {...},
},
watch : {
  files : './less/**/*.less',
  tasks : ['less:styles','less:themes'],
}

我认为您应该将其包含在“mode”变量中，例如“development”或“production”。
像这样：

less: {
   development: {
      options: {
        paths: ["./less"],
        yuicompress: true
      },
      files: [{
        expand: true,
        cwd: './less',
        src: ['*.less', '!{fonts, variable, mixins}*.less'],
        dest: './css',
        ext: '.css'
      }, {
        expand: true,
        cwd: './less',
        src: '*.less/themes',
        dest: './css/themes',
        ext: '.css'
      }]
    }
  }

另外，在“files”数组之后，还有一个多余的不必要的逗号，在我的示例中删除了

之后将手表更新为以下内容：

watch: {
      files: "./less/*",
      tasks: ["less:development"]
    }