scss-lint-html-reporter

SCSS Lint HTML Reporter

Reporter to go along with SCSS Lint.

Features:

HTML Report

Generates an HTML file containing:

• Top 5 errors and warnings
• Summary of number of errors and warnings
• List of files linted and the details of their accompanying errors and/or warnings

"Lite" HTML Report

Same thing as the HTML report but the list of files does not include their accompanying errors and/or warnings (only the number)

(Um... why?) If you are linting a lot of SCSS files and they contains hundreds of errors, the generated HTML report will be several megabytes in size.

Since the "lite" report only shows the filename with its number of errors/warnings, this output helps you more easily identify which files need to be ignored or addressed.

Optional TeamCity Integration

In addition to the HTML file, you can also flag the reporter to include TeamCity console output.

(You can also disable the HTML report completely and just use the TeamCity output.)

Requirements

To use this package you must have SCSS Lint installed and you must meet their requirements for Ruby and Sass.

Note: Compiling SCSS does not require Ruby, but to use SCSS Lint you have to install Ruby and Sass.

Installation

npm install scss-lint-html-reporter

Usage

To use this package you must first run SCSS Lint with the JSON Formatter and then pipe the output to the reporter.

Examples:

scss-lint -f JSON | node node_modules/scss-lint-html-reporterbin/reporter.js

Command Line Options

-o <filename>

Specify the output of the HTML report. (Defaults to scss-lint-report.html)

scss-lint -f JSON | node node_modules/scss-lint-html-reporter/bin/reporter.js -o my-report.html

--lite

Turns off detailed output.

scss-lint -f JSON | node node_modules/scss-lint-html-reporter/bin/reporter.js --lite

--teamcity

Enables TeamCity output

Example:

scss-lint -f JSON | node node_modules/scss-lint-html-reporter/bin/reporter.js --teamcity

With "lite" html file:

scss-lint -f JSON | node node_modules/scss-lint-html-reporter/bin/reporter.js --teamcity --lite

--nohtml

Disables generation of the html file. (Note: If you add this option but don't have the --teamcity option, running the linter will do nothing.)

Example:

scss-lint -f JSON | node node_modules/scss-lint-html-reporter/bin/reporter.js --nohtml --teamcity