Question

我已经开始尝试掌握Grunt的基础知识，但是当我尝试运行Grunt Sass＆＃39;我得到了一个＆＃34; No＆＃39; sass＆＃39;发现的目标＆＃34;错误。我无法看到我出错的地方，有人能够让我朝着正确的方向轻推吗？

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都可用，请从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'
      }]
    }
  },
});

不，萨斯＆＃39;发现目标 - 使用Grunt时出错

1 个答案: