Question

我正在尝试设置grunt-contrib-sass，以便我可以使用grunt来处理sass-to-css编译。我在脚手架上安装了grunt init:makefile的基本grunt文件。当我运行grunt sass只是为了测试东西时，终端返回“没有”sass“找到的目标。”

我的设置：

$ sass -v返回“Sass 3.2.1”
$ ruby -v返回“ruby 1.9.3p194”
'node_modules'文件夹包含'grunt-contrib-sass'
基于grunt-contrib-sass文档，我的grunt.js文件目前看起来像这样：

module.exports = function(grunt) {

grunt.initConfig({
lint: {
  files: ['grunt.js', 'lib/**/*.js', 'test/**/*.js']
},
test: {
  files: ['test/**/*.js']
},
watch: {
  files: '<config:lint.files>',
  tasks: 'lint test'
},
jshint: {
  options: {
    curly: true,
    eqeqeq: true,
    immed: true,
    latedef: true,
    newcap: true,
    noarg: true,
    sub: true,
    undef: true,
    boss: true,
    eqnull: true
  },
  globals: {},
   sass: {                                     // Task
    dist: {                                 // Target
        files: {                            // Dictionary of files
            'main.css': 'main.scss',        // 'destination': 'source'
            'widgets.css': 'widgets.scss'
        }
    },
    dev: {                                  // Another target
        options: {                          // Target options
            style: 'expanded'
        },
        files: {
            'main.css': 'main.scss',
            'widgets.css': [
                'button.scss',
                'tab.scss',
                'debug.scss'                
            ]
        }
    }
}
}
});
grunt.loadNpmTasks('grunt-contrib-sass');

grunt.registerTask('default', 'lint sass');

};

感谢所有的帮助......非常感谢！

Answer 1

仔细检查你的花括号。您的sass区块位于jshint区块内。试试这个：

module.exports = function(grunt) {
grunt.initConfig({
  lint: {
    files: ['grunt.js', 'lib/**/*.js', 'test/**/*.js']
  },
  test: {
    files: ['test/**/*.js']
  },
  watch: {
    files: '<config:lint.files>',
    tasks: 'lint test'
  },
  jshint: {
    options: {
      curly: true,
      eqeqeq: true,
      immed: true,
      latedef: true,
      newcap: true,
      noarg: true,
      sub: true,
      undef: true,
      boss: true,
      eqnull: true
    },
    globals: {},
  },
  sass: {                                   // Task
    dist: {                                 // Target
        files: {                            // Dictionary of files
            'main.css': 'main.scss',        // 'destination': 'source'
            'widgets.css': 'widgets.scss'
        }
    },
    dev: {                                  // Another target
        options: {                          // Target options
            style: 'expanded'
        },
        files: {
            'main.css': 'main.scss',
            'widgets.css': [
                'button.scss',
                'tab.scss',
                'debug.scss'                
            ]
        }
    }
}
});
grunt.loadNpmTasks('grunt-contrib-sass');

grunt.registerTask('default', 'lint sass');

};

grunt说没有找到“sass”目标

1 个答案: