我是 Grunt 的新手 - csslint 插件,在我运行并完成 cssLint 任务后,有很多我无法遵循的错误和警告。那么如何配置任务只是打印出错误,而不是警告?
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
{
"ignore": [
"adjoining-classes",
"box-model",
"box-sizing",
"bulletproof-font-face",
"compatible-vendor-prefixes",
"display-property-grouping",
"duplicate-background-images",
"duplicate-properties",
"empty-rules",
"fallback-colors",
"floats",
"font-faces",
"font-sizes",
"gradients",
"ids",
"import",
"import-ie-limit",
"important",
"known-properties",
"non-link-hover",
"order-alphabetical",
"outline-none",
"overqualified-elements",
"qualified-headings",
"regex-selectors",
"rules-count",
"selector-max",
"selector-max-approaching",
"selector-newline",
"shorthand",
"star-property-hack",
"text-indent",
"underscore-property-hack",
"unique-headings",
"universal-selector",
"unqualified-attributes",
"vendor-prefix",
"zero-units"
]
}
参考:https ://github.com/CSSLint/csslint/wiki/Command-line-interface
咕噜文件
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
并将报告警告和错误。