grunt-contrib-csslint, Lint CSS文件

分享于 

6分钟阅读

GitHub

  繁體 雙語
Lint CSS files.
  • 源代码名称:grunt-contrib-csslint
  • 源代码网址:http://www.github.com/gruntjs/grunt-contrib-csslint
  • grunt-contrib-csslint源代码文档
  • grunt-contrib-csslint源代码下载
  • Git URL:
    git://www.github.com/gruntjs/grunt-contrib-csslint.git
    Git Clone代码到本地:
    git clone http://www.github.com/gruntjs/grunt-contrib-csslint
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/gruntjs/grunt-contrib-csslint
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    grunt-contrib-csslint v2.0.0

    Lint CSS文件

    入门

    If之前,请务必先查看一下如何创建 Gruntfile插件,以及安装和使用Grunt插件。 熟悉该过程后,你可以使用以下命令安装这里插件:

    npm install grunt-contrib-csslint --save-dev

    一旦安装了插件,就可以使用这一行的JavaScript启用 inside 你的Gruntfile:

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

    Csslint任务

    使用 grunt csslint 命令运行这里任务。

    选项

    任何指定选项都将直接传递给 csslint,因此你可以指定csslint支持的任何选项。 csslint是有点笨拙的: 对于每个规则,false的值忽略该规则,2的值将将它设置为错误。 否则所有规则都被视为警告。

    对于当前的csslint版本,这些规则可用:

    有关这些规则的说明,请查看 wiki。

    注意:若要更新这里列表,请运行以下命令:

    node -e "require('csslint').CSSLint.getRules().forEach(function(x) { console.log(x.id) })"

    支持以下几个附加选项:

    csslintrc

    类型:string
    默认值:null

    如果指定这里文件名,则将使用其中定义的选项和全局变量。 任务和目标选项替代 .csslintrc 文件中的选项。 它应该是一个JSON文件,但它支持注释:

    {
     //unicorns"qualified-headings": true,
     "unique-headings": true,
     "known-properties": false}
    格式化程序

    类型:array
    默认值:null

    指定格式化程序选项后,grunt csslint任务就可以使用csslint提供的所有格式化程序。

    对于当前csslint版本,将在框中包含以下格式化程序:

    • text
    • compact
    • lint-xml
    • csslint-xml
    • checkstyle-xml
    • junit-xml

    有关这些格式化程序的解释,请查看 csslint wiki插件,节选项/--format。

    你还可以提供自己的自定义格式化程序,例如 csslint时尚的插件。 请注意,你必须提供完整的模块,而不仅仅是标识。 请参见示例

    absoluteFilePathsForFormatters

    类型:boolean
    默认值:false

    指定了 absoluteFilePathsForFormatters 选项并将它的设置为 true,生成的报表中的文件名是绝对的。

    静音

    类型:boolean
    默认值:false

    仅输出错误。

    quiet_all

    类型:boolean
    默认值:false

    输出无错误和警告。

    用法示例

    csslint: {
     strict: {
     options: {
     import:2 },
     src: ['path/to/**/*.css']
     },
     lax: {
     options: {
     import:false },
     src: ['path/to/**/*.css']
     }
    }
    从外部文件加载规则
    csslint: {
     options: {
     csslintrc:'.csslintrc' },
     strict: {
     options: {
     import:2 },
     src: ['path/to/**/*.css']
     },
     lax: {
     options: {
     import:false },
     src: ['path/to/**/*.css']
     }
    }
    Specifiying输出格式化程序
    csslint: {
     options: {
     csslintrc:'.csslintrc',
     formatters: [
     {id:'junit-xml', dest:'report/csslint_junit.xml'},
     {id:'csslint-xml', dest:'report/csslint.xml'}
     ]
     },
     strict: {
     options: {
     import:2 },
     src: ['path/to/**/*.css']
     }
    }
    提供自定义格式化程序
    csslint: {
     options: {
     csslintrc:'.csslintrc',
     formatters: [
     {id:require('csslint-stylish'), dest:'report/csslint_stylish.xml'}
     ]
     },
     strict: {
     options: {
     import:2 },
     src: ['path/to/**/*.css']
     }
    }
    在输出格式化程序中使用绝对文件路径
    csslint: {
     options: {
     absoluteFilePathsForFormatters:true,
     formatters: [
     {id:'junit-xml', dest:'report/csslint_junit.xml'},
     {id:'csslint-xml', dest:'report/csslint.xml'}
     ]
     }
    }

    释放历史记录

    • 文档更新。
    • 更新的依赖项。
    • 支持。csslintrc。

    :这里文件是在Thu年9 月9 日:55: 13年生成的。


    文件  files  LINT  
    相关文章