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
8
A
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.
Forse provare la riga di comando: https://github.com/stubbornella/csslint/wiki/Command-line-interface – eebbesen