CSSLint: Как настроить задачи, просто напечатайте ошибку, а не предупреждение

Question

Я новичок в плагине Grunt - csslint, после запуска и завершения задачи cssLint появляется много и много ошибок и предупреждений, за которыми я не могу следить. Так как настроить задачу просто распечатав ошибки, а не предупреждение??

Answer 1

Если вы используете https://github.com/gruntjs/grunt-contrib-csslint, вы можете указать параметры в .csslintrc файл.

Из файла Readme grunt-contrib-csslint:

Опции

Любая указанная опция будет передана напрямую в csslint, поэтому вы можете указать любую опцию, которую поддерживает csslint. API-интерфейс csslint немного неудобен: для каждого правила значение 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 сообщит о предупреждениях и ошибках.