グラスの使用中にエラーが発生しました

Question

グランツの非常に基本的なことを把握し始めましたが、グランツサスを実行しようとすると、エラー。どこが間違っているのかわからない、誰かが私に正しい方向に振り向けることができますか？

module.exports = function(grunt) { 

//configuration 
grunt.initConfig({ 
    // pass in options to plugins, references to files 
    concat: { 
     js: { 
      src: ['js/*.js'], 
      dest: 'build/script.js' 
     }, 
     css: { 
      src: ['css/*.css'], 
      dest: 'build/styles.css' 
     }, 
     sass: { 
      dist: { 
       files: [{ 
        src: 'css/sass/styles.scss', 
        dest: 'css/styles.css' 
         }] 
        } 
       }, 
    } 

}); 

//Load Plugins 
grunt.loadNpmTasks('grunt-contrib-concat'); 
grunt.loadNpmTasks('grunt-sass'); 


// register tasks 
grunt.registerTask('concat-js', ['concat:js']); 
grunt.registerTask('concat-css', ['concat:css']); 

}

Answer 1

sassタスクがconcatにネストされているため、sassタスクを識別できず、No "sass" targets found.エラーが返されます。

アン巣のようなあなたのsassタスクなど：

grunt.initConfig({ 
    concat: { 
    ... 
    }, 
    sass: { 
    dist: { 
     files: [{ 
     src: 'css/sass/styles.scss', 
     dest: 'css/styles.css' 
     }] 
    } 
    }, 
}); 

追記：あなたのcssタスクも同様に置き忘れているが、それが実行してからgrunt sassまたはgrunt sass:distに影響を与えるべきではないように見えます。ただし、grunt sass:cssが見つかりません。あなたはgrunt sass:cssとgrunt sass:distの両方が利用できるようにしたい場合は、jsからcssタスクを削除し、ここにあなたがあなたのsassタスクストラクトすべき方法は次のとおりです。

grunt.initConfig({ 
    concat: { 
    js: { 
     src: ['js/*.js'], 
     dest: 'build/script.js' 
    }, 
    }, 
    sass: { 
    css: { 
     src: ['css/*.css'], 
     dest: 'build/styles.css' 
    }, 
    dist: { 
     files: [{ 
     src: 'css/sass/styles.scss', 
     dest: 'css/styles.css' 
     }] 
    } 
    }, 
}); 

を