Compare Sass and Less results to ensure uniformity

Resolves #91.

Author: jakezatecky

.gitignore

@@ -1,3 +1,4 @@
+/.css-compare
 /lib
 /node_modules
 package-lock.json

.npmignore

@@ -1,3 +1,4 @@
+/.css-compare
 /.idea
 /examples
 /test

gulpfile.js

@@ -6,6 +6,9 @@ const webpack = require('webpack');
 const webpackStream = require('webpack-stream');
 const scsslint = require('gulp-scss-lint');
 const sass = require('gulp-sass');
+const less = require('gulp-less');
+const minify = require('gulp-clean-css');
+const run = require('gulp-run');
 const autoprefixer = require('gulp-autoprefixer');
 const browserSync = require('browser-sync').create();
 const pkg = require('./package.json');
@@ -63,9 +66,25 @@ gulp.task('build-style', () => (
             browsers: ['last 2 versions'],
         }))
         .pipe(gulp.dest('./lib'))
+        .pipe(minify())
+        .pipe(gulp.dest('./.css-compare/scss'))
 ));
 
-gulp.task('build', ['build-script', 'build-script-web', 'build-style']);
+gulp.task('build-style-less', () => (
+    gulp.src('./src/less/**/*.less')
+        .pipe(less())
+        .pipe(autoprefixer({
+            browsers: ['last 2 versions'],
+        }))
+        .pipe(minify())
+        .pipe(gulp.dest('./.css-compare/less'))
+));
+
+gulp.task('compare-css-output', ['build-style', 'build-style-less'], () => (
+    run('cmp .css-compare/less/react-checkbox-tree.css .css-compare/scss/react-checkbox-tree.css').exec()
+));
+
+gulp.task('build', ['build-script', 'build-script-web', 'compare-css-output']);
 
 gulp.task('build-examples-style', () => (
     gulp.src('./examples/src/scss/**/*.scss')

package.json

@@ -47,9 +47,12 @@
     "eslint-plugin-react": "^7.10.0",
     "gulp": "^3.9.1",
     "gulp-autoprefixer": "^6.0.0",
+    "gulp-clean-css": "^3.10.0",
     "gulp-eslint": "^5.0.0",
     "gulp-header": "^2.0.5",
+    "gulp-less": "^4.0.1",
     "gulp-mocha": "^6.0.0",
+    "gulp-run": "^1.7.1",
     "gulp-sass": "^4.0.1",
     "gulp-scss-lint": "^0.7.0",
     "jsdom": "^12.0.0",