dennib · April 8, 2021 19:43 · May 9, 2019 · May 9, 2019 · May 9, 2019
diff --git a/server.js b/server.js
@@ -0,0 +1,12 @@
+const express = require('express');
+const app = express();
+
+app.use(express.static('public'));
+app.get('/', function(req, res) {
+    res.send('Hello World!');
+});
+
+// Server Listening
+app.listen(3000, function() {
+  console.log('App listening on port 3000!');
+});
diff --git a/gulpfile.js b/gulpfile.js
@@ -0,0 +1,51 @@
+const gulp = require('gulp');
+const sass = require('gulp-sass');
+const browserSync = require('browser-sync');
+const nodemon = require('gulp-nodemon');
+
+sass.compiler = require('node-sass');
+
+// Sass compilation
+gulp.task('sass', function() {
+  return gulp
+    .src('./sass/**/*.scss')
+    .pipe(sass().on('error', sass.logError))
+    .pipe(gulp.dest('./css'));
+});
+
+// Sass watching, depending on "sass" task
+gulp.task('sass:watch', function() {
+  gulp.watch('./sass/**/*.scss', gulp.series('sass'));
+});
+
+// Nodemon task:
+// Start nodemon once and execute callback (browser-sync)
+gulp.task('nodemon', cb => {
+  let started = false;
+  return nodemon({
+    script: 'server.js'
+  }).on('start', () => {
+    if (!started) {
+      cb();
+      started = true;
+    }
+  });
+});
+
+// BrowserSync task:
+// calls nodemon tasks and pass itself as callback
+gulp.task(
+  'browser-sync',
+  gulp.series('nodemon', () => {
+    browserSync.init(null, {
+      proxy: 'http://localhost:3000',
+      files: ['public/**/*.*'],
+      port: 5000
+    });
+  })
+);
+
+// Dev Task: 
+// Parallel execution of browser-sync/nodemon
+// and sass watching
+gulp.task('default', gulp.parallel('browser-sync', 'sass:watch'));