grunt watch lessをコンパイルしましたが、CSSを生成しません

Question

Grunt watchは私のLESSファイルをコンパイルしましたが、CSSファイルを生成していません。私はその問題が何であるか分からない。誰もそこに助けてもらえますか？ここで

は私の面倒なコードです：

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

そして、ここでは私のpackage.jsonのコードは次のとおりです。

うなり声ウォッチ：

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

は、以下の私のフォルダ構造を参照してください。細かい作業：

Answer 1

あなたのlessタスク構成には、1つ以上の_targetを持つことが期待されます。任意の名前を付けることができる各ターゲットは、filesオブジェクトを持ちます。 の設定では、Gruntはfilesがのターゲットであると考えています。そのため、コンソールの出力にRunning less:filesが表示されるのはなぜですか。グランツがfilesターゲット内のfilesオブジェクトを見つけられなかった場合、それは移動します。設定を修正するには、filesオブジェクトをラップするターゲットオブジェクトを追加する必要があります。例えば、

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

兵卒タスクの設定とターゲットの詳細については、documentationを参照してください。