Stylish reporter for gulp-scss-lint, compatible with Visual Studio

• Overview
• Installation
• Usage

Overview

By default reporter will print issues of first file with any errors or warnings and immediately exit process with code 1.

Example console output:

Installation

npm install --save gulp-scss-lint-visualstudio

Usage

var gulp       = require('gulp'),
    scssLint   = require('gulp-scss-lint'),
    vsReporter = require('gulp-scss-lint-visualstudio');
 
gulp.task('vs-scss-lint', function()
{
    gulp.src('/scss/*.scss')
        .pipe( scssLint({ customReport: vsReporter() }) )
});

Alternative usage for errors only:

    gulp.src('/scss/*.scss')
        .pipe( scssLint({ customReport: vsReporter({errorsOnly: true}) }) )

Alternative configuration for printing issues for all files: (process won't exit with code 1)

    gulp.src('/scss/*.scss')
        .pipe( scssLint({ customReport: vsReporter({printAll: true}) }) )

Example integration with Visual Studio (Modification in csproj file):

  <Target Name="ScssLint">
    <Exec Command="gulp vs-scss-lint"/>
  </Target>
  
  <PropertyGroup>
    <BuildDependsOn>
      ScssLint;
      $(BuildDependsOn);
    </BuildDependsOn>
  </PropertyGroup>