未找到“騷擾”目標-使用Grunt時出錯

Question

我已經開始嘗試了解Grunt的基本知識，但是當我嘗試運行“ Grunt Sass”時，出現“未找到'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任務嵌套在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'
      }]
    }
  },
});