thomastuts · February 27, 2015 14:25 · Feb 27, 2015
diff --git a/gulpfile.js b/gulpfile.js
@@ -0,0 +1,11 @@
+// gulpfile.js
+
+var gulp = require('gulp');
+var requireDir = require('require-dir');
+var tasks = requireDir('./tasks');
+
+gulp.task('sass', tasks.sass);
+gulp.task('serve:dev', tasks.serve.dev);
+gulp.task('serve:dist', tasks.serve.dist);
+
+gulp.task('default', ['sass', 'serve:dev']);
diff --git a/sass.js b/sass.js
@@ -0,0 +1,10 @@
+// tasks/sass.js
+
+var gulp = require('gulp');
+var sass = require('gulp-sass');
+
+module.exports = function () {
+  return gulp.src('./scss/app.scss')
+    .pipe(sass())
+    .pipe(gulp.dest('./css'));
+};
diff --git a/serve.js b/serve.js
@@ -0,0 +1,24 @@
+// tasks/serve.js
+
+var browserSync = require('browser-sync');
+
+module.exports = {
+  dev: function () {
+    browserSync({
+      port: 1337,
+      notify: false,
+      server: {
+        baseDir: ['app', './']
+      }
+    });
+  },
+  dist: function () {
+    browserSync({
+      port: 1338,
+      notify: false,
+      server: {
+        baseDir: ['dist', './']
+      }
+    });
+  }
+};