'Sass'타겟이 없습니다. Grunt를 사용하는 동안 오류가 발생했습니다.

Question

Grunt의 기본 사항을 파악하기 시작했지만 'Grunt Sass'를 실행하려고하면 'No sass' 오류. 내가 잘못하고있는 곳을 볼 수 없으며, 누가 올바른 방향으로 움직여 줄 수 있습니까?

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 작업은 (는) sass 작업을 식별 할 수 있으며, No "sass" targets found. 오류를 반환하는 이유입니다 concat에 중첩된다.

취소 둥지처럼 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' 
     }] 
    } 
    }, 
}); 

을