Grunt, Less и File Watching

Question

Я пытаюсь что-то сделать, чтобы что-то сделать. Мой проект выглядит следующим образом:

/app 
    /assets 
     /components 
     /stylesheets 
      /less 
       /file1.less 
       /file2.less 
       /file3.less 
       /importAll.less 
      /css 

Я хочу, чтобы это так, что, когда file1, file2 или file3 сохраняются в файле importAll.less компилируется в CSS и поместить в /css/style.css. Это, насколько я понял.

less: { 
    development: { 
     options: { 
      paths: ["./assets/stylesheets/less"], 
      yuicompress: true 
     }, 
     files: { 
      "./assets/stylesheets/css/style.css": "./assets/stylesheets/less/importAll.less" 
     } 
    } 
} 

Я не уверен, как заставить наблюдателя файлов работать.

Answer 1

У меня есть работа со следующим!

module.exports = function(grunt) { 
    grunt.initConfig({ 
     less: { 
      development: { 
       options: { 
        paths: ["./assets/stylesheets/less"], 
        yuicompress: true 
       }, 
       files: { 
        "./assets/stylesheets/css/style.css": "./assets/stylesheets/less/style.less" 
       } 
      } 
     }, 
     watch: { 
      files: "./assets/stylesheets/less/*", 
      tasks: ["less"] 
     } 
    }); 
    grunt.loadNpmTasks('grunt-contrib-less'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
};