2013-11-26 5 views
8

Sono nuovo con Grunt - plugin csslint, dopo che eseguo e il task cssLint è completo, ci sono molti e molti errori e avvertimenti che non posso seguire. Quindi, come configurare il compito basta stampare gli errori, non avvisare ??CSSLint: Come configurare le attività solo errore di stampa non avviso

+0

Forse provare la riga di comando: https://github.com/stubbornella/csslint/wiki/Command-line-interface – eebbesen

risposta

13

Se si utilizza grunt-contrib-csslint è possibile specificare le opzioni in un file .csslintrc.

Dal Leggimi grugnito-contrib-csslint:

Opzioni

Qualsiasi opzione specificata saranno passati attraverso direttamente a csslint, quindi è possibile specificare qualsiasi opzione che csslint supporti. L'API csslint è un po 'scomoda : Per ogni regola, un valore di false ignora la regola, un valore di di 2 lo imposterà in errore. Altrimenti tutte le regole sono considerate avvertenze.

Supponendo di avere una struttura come questa:

├── .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']); 
}; 

Quindi grunt segnalerà solo errori e grunt csslint:strict segnalerà avvisi ed errori.

Problemi correlati