grunt watch kompiliert weniger, aber nicht generieren css

Question

Grunt watch kompiliert meine LESS-Datei, aber erzeugt keine CSS-Datei. Ich weiß nicht, was das Problem ist. Kann jemand da draußen helfen?

Hier ist mein Grunzen Code:

module.exports = function(grunt) { 

grunt.loadNpmTasks('grunt-contrib-less'); 
grunt.loadNpmTasks('grunt-contrib-watch'); 

grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 
    less: { 
     options: { 
      paths: 'less', 
      yuicompress: true 
     }, 
     files: { 
      'styles.css': 'less/button.less' 
     } 
    }, 

    watch: { 
     less: { 
      files: 'less/*.less', 
      tasks: 'less' 
     } 
    } 
}); 
} 

Und hier ist mein package.json Code:

{ 
    "name": "project-name", 
    "version": "1.0.0", 
    "description": "Awesome project", 
    "devDependencies": { 
    "grunt-contrib-less": "^1.4.1", 
    "grunt-contrib-watch": "^1.0.0" 
    } 
} 

unter meine Ordnerstruktur Siehe:

Grunt Uhr funktioniert gut:

Answer 1

Grunt erwartet, dass Ihre Taskkonfiguration less über ein oder mehrere Ziele verfügt. Jedes Ziel, das beliebig benannt werden kann, würde ein Objekt files haben. In Ihre Konfiguration, Grunt denkt, dass files ist das Ziel, daher warum die Konsolenausgabe zeigt Running less:files. Wenn Grunt kein files Objekt innerhalb des files Ziels findet, geht es weiter. Um Ihre Konfiguration zu korrigieren, müssen Sie ein Zielobjekt hinzufügen, das das Objekt files umschließt. Zum Beispiel

less: { 
    options: { 
     paths: 'less', 
     yuicompress: true 
    }, 
    dev: { 
     files: { 
      'styles.css': 'less/button.less' 
     } 
    } 
}, 

Weitere Informationen über Grunt Task-Konfiguration und Ziele finden Sie in der documentation.