Цели 'Sass' не найдены - ошибка при использовании Grunt

Question

Я начал пытаться разобраться с основами Grunt, но когда я пытаюсь запустить "Grunt Sass", я получаю ошибку "No 'sass' target found found". Я не вижу, где я иду не так, кто-нибудь может подтолкнуть меня в правильном направлении?

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

Sidenote: Похоже, ваш css задача также неуместна, но это не должно влиять grunt sass или же grunt sass:dist от бега; однако, он не найдет grunt sass:css, Если вы хотите оба grunt sass:css а также grunt sass:dist чтобы быть доступным, удалите css задание от js и вот как вы должны структурировать 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'
      }]
    }
  },
});