SASS

gulpfile.js

@@ -4,6 +4,7 @@ var merge = require('merge-stream');
 var gulp = require('gulp');
 var sourcemaps = require('gulp-sourcemaps');
 var coffee = require('gulp-coffee');
+var sass   = require('gulp-sass');
 var pug    = require('gulp-pug');
 var insert = require('gulp-insert');
 var uglify = require('gulp-uglify-es').default;
@@ -12,6 +13,7 @@ var concat = require('gulp-concat');
 var paths = {
   lib:    'client/lib/*.js',
   coffee: 'client/scripts',
+  styles: 'client/style/*.scss',
   pug:    'client/pug/*.pug',
   dest:   'static',
   maps:   'maps'
@@ -51,10 +53,17 @@ gulp.task('coffee', function(){
   return merge(tasks);
 });
 
+gulp.task('styles', function(){
+  return gulp.src(paths.styles)
+    .pipe(concat('style.css'))
+    .pipe(sass())
+    .pipe(gulp.dest(paths.dest))
+});
+
 gulp.task('pug', function(){
   return gulp.src(paths.pug)
     .pipe(pug())
     .pipe(gulp.dest(paths.dest))
 });
 
-gulp.task('default', [ 'lib', 'coffee', 'pug' ]);
+gulp.task('default', [ 'lib', 'coffee', 'styles', 'pug' ]);

package.json

@@ -15,6 +15,7 @@
     "gulp": "*",
     "gulp-sourcemaps": "*",
     "gulp-pug": "*",
+    "gulp-sass": "*",
     "gulp-coffee": "*",
     "gulp-insert": "*",
     "gulp-uglify-es": "*",