Create watch task for gulp and use sourcemaps

gulpfile.js

@@ -1,8 +1,17 @@
 var gulp = require('gulp');
 var sass = require('gulp-sass');
+var sourcemaps = require('gulp-sourcemaps');
 
-gulp.task('default', function () {
+gulp.task('default', ['sass']);
+
+gulp.task('sass', function () {
     return gulp.src('./src/main.scss')
+        .pipe(sourcemaps.init())
         .pipe(sass().on('error', sass.logError))
+        .pipe(sourcemaps.write())
         .pipe(gulp.dest('./static/styles'));
 });
+
+gulp.task('watch', function () {
+    gulp.watch('./src/*.scss', ['sass']);
+});

package.json

@@ -16,6 +16,7 @@
   },
   "devDependencies": {
     "gulp": "^3.9.1",
-    "gulp-sass": "^2.3.2"
+    "gulp-sass": "^2.3.2",
+    "gulp-sourcemaps": "^1.9.1"
   }
 }