       @emit 'end'
     .on 'end', done
   null
+
+gulp.task 'less', ->
+  less = require 'gulp-less'
+  gulp
+    .src paths.appDir + '/styles/*.less'
+    .pipe less()
+    .pipe gulp.dest paths.distDir + '/styles'
+    .pipe browserSync.reload(stream: true)
 
 gulp.task 'test', (done) ->
   run = require 'run-sequence'

  run.apply run, [
    'typescript'
    'webpack'
    'css'
    'html'
    done
  ]

  gulp.watch [
    paths.appFiles
    paths.testFiles
    paths.appDir + '/styles/*.less'
    paths.appDir + '/index.html'
  ], ['test-and-build']
  browserSync
