title: Grunt livecompiling less using watch
body: <p>I know there are some quite similar questions, but I can't get it to work.</p>
  
  <p>I'm using grunt, including <strong>connect, less and watch</strong>. Everything works, except for the livecompiling of the .css with less and watch. Like this, I always have to restart grunt etc.
  This is my code:</p>
  
  <pre><code>module.exports = function(grunt) {
      grunt.initConfig({
          pkg: grunt.file.readJSON('package.json'),
  
          connect: {
              server: {
                  options: {
                      port: 8000,
                      hostname: 'localhost',
                      base: 'public',
                      keepalive: true
                  }
              }
          },
          less: {
              development: {
                  options: {
                      compress: true,
                      yuicompress: true,
                      optimization: 2
                  },
                  files: {
                      "public/style/style.css": "public/style/main.less"
                  }
              }
          },
          watch: {
              files: ['**/*'],
              tasks: ['less', 'connect'],
  
              styles: {
                  files: ['public/style/main.less'], //which files to watch
                  tasks: ['less'],
                  options: {
                      livereload: true
                  }
              }
          }
  
      });
  
      grunt.loadNpmTasks('grunt-contrib-connect');
      grunt.loadNpmTasks('grunt-contrib-less');
      grunt.loadNpmTasks('grunt-contrib-watch');
  
      grunt.registerTask('default', ['less','connect','watch']);
  };
  </code></pre>
  
  <p>Please let me know if more information is needed.</p>