CSSLint:如何配置任务只是打印错误而不是警告

Question

我是Grunt-csslint插件的新手,在运行和cssLint任务完成后,有许多错误和警告我无法遵循.那么如何配置任务只打印出错误,而不是警告？

Answer 1

如果使用grunt-contrib-csslint,则可以在.csslintrc文件中指定选项.

来自grunt-contrib-csslint自述文件:

选项

任何指定的选项都将直接传递给csslint,因此您可以指定csslint支持的任何选项.csslint API有点尴尬:对于每个规则,值为false会忽略该规则,值为2会将其设置为错误.否则所有规则都被视为警告.

假设你有这样的结构:

??? .csslintrc
??? Gruntfile.js
??? css
?   ??? foo.css
??? node_modules
??? package.json

.csslintrc

{
  "important": false,
  "adjoining-classes": false,
  "known-properties": false,
  "box-sizing": false,
  "box-model": false,
  "overqualified-elements": false,
  "display-property-grouping": false,
  "bulletproof-font-face": false,
  "compatible-vendor-prefixes": false,
  "regex-selectors": false,
  "errors": true,
  "duplicate-background-images": false,
  "duplicate-properties": false,
  "empty-rules": false,
  "selector-max-approaching": false,
  "gradients": false,
  "fallback-colors": false,
  "font-sizes": false,
  "font-faces": false,
  "floats": false,
  "star-property-hack": false,
  "outline-none": false,
  "import": false,
  "ids": false,
  "underscore-property-hack": false,
  "rules-count": false,
  "qualified-headings": false,
  "selector-max": false,
  "shorthand": false,
  "text-indent": false,
  "unique-headings": false,
  "universal-selector": false,
  "unqualified-attributes": false,
  "vendor-prefix": false,
  "zero-units": false
}

Gruntfile

module.exports = function(grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    csslint: {
      strict: {
        src: ['css/*.css']
      },
      lax: {
        options: {
          csslintrc: '.csslintrc'
        },
        src: ['css/*.css']
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-csslint');

  grunt.registerTask('default', ['csslint:lax']);
};

然后grunt将仅报告错误并grunt csslint:strict报告警告和错误.