Grunt, mniej i oglądanie pliku

Question

Próbuję zmusić się do pracy, żeby coś zrobić. Mój projekt wygląda tak:

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

chcę go tak, że kiedy file1, file2 lub file3 są zapisywane w pliku importAll.less jest kompilowany do CSS i umieścić w /css/style.css. To tyle, ile mam.

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

Nie jestem pewien, jak sprawić, aby obserwator plików działał.

Answer 1

Mam to działa z następującymi!

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'); 
};