如何使用GruntJS Watch运行多个LESS任务？

我有以下

grunfile.js

。我的

bootstrap.less

文件有大量的导入，其中包括所有插件的CSS代码。因此，每当我更改任何

更少的

文件时，引导程序需要5-20秒来编译。有没有办法让我有两个不同的

less

任务，这样每当引导的导入文件发生变化时，它只运行与引导相关联的less任务，而另一个任务只在main.less发生变化时运行

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

    less: {
      development: {
        options: {
          paths: ["../css"]
        },
        files: {
          "../css/bootstrap.css": "../less/bootstrap.less",
          "../css/main.css": "../less/main.less"
        }
      }
    },
    watch: {
      options: {
        livereload: true
      },
      less: {
        options: {
          livereload: false,
          spawn: false
        },
        files: ['../less/*.less', '../less/responsive/*.less'],
        tasks: ['less']
      }, css: {
          files: ['../css/main.css'],
          tasks: []
      }   
    }
  });

  // Less
  grunt.loadNpmTasks('grunt-contrib-less');

  // Watch
  grunt.loadNpmTasks('grunt-contrib-watch');

};

---

尝试运行以下代码：

module.exports=函数（grunt）{
//项目配置。
grunt.initConfig({
pkg:grunt.file.readJSON（'package.json'），
减：{
发展：{
选项：{
路径：[“./css”]
},
档案：{
“./css/main.css”：“./less/main.less”
}
},
bootstrapBuild：{
选项：{
路径：['../css']
},
档案：{
“./css/bootstrap.css”：“./less/bootstrap.less”，
}
}
},
观察：{
选项：{
利弗雷罗德：没错
},
主要内容：{
选项：{
利弗雷罗德：错，
产卵：假
},
文件：['../less/*.less'，'../less/responsive/*.less'，'！../less/bootstrap.less']，
任务：[“减少：发展”]
}, 
bootstrapBuild：{
文件：['../less/bootstrap.less']，
任务：['less:bootstrapBuild']
},
css:{
文件：['../css/main.css']，
任务：[]
}   
}
});
//少
grunt.loadNpmTasks（“grunt-contrib-less”）；
//监视
grunt.loadNpmTasks（“grunt-contrib-watch”）；
};