👌 IMPROVE: Default Task

gulpfile.js

@@ -5,33 +5,48 @@
  * @version 1.0.0
  */
 
-var gulp = require('gulp');
-var pug = require('gulp-pug');
-var sass = require('gulp-sass');
+// Configure.
+const config = {
+	pugSrc: './views/**/*.pug',
+	pugDst: './',
+	scssSrc: './scss/style.scss',
+	scssDst: './',
+	pugWatchFiles: './views/**/*.pug',
+	scssWatchFiles: './scss/**/*.scss'
+};
+
+const gulp = require('gulp');
+const pug = require('gulp-pug');
+const sass = require('gulp-sass');
 
 gulp.task('pug', function() {
 	return gulp
-		.src('./views/**/*.pug')
+		.src(config.pugSrc)
 		.pipe(
 			pug({
 				pretty: true
 			})
 		)
-		.pipe(gulp.dest('./'));
+		.pipe(gulp.dest(config.pugDst));
 });
 
 gulp.task('scss', function() {
 	return gulp
-		.src('./sass/style.scss')
-		.pipe(sass().on('error', sass.logError))
-		.pipe(gulp.dest('./'));
+		.src('config.scssSrc')
+		.pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
+		.pipe(gulp.dest('config.scssDst'));
 });
 
-// gulp.task('hi', function() {
-// 	console.log('Hi Meow');
-// });
+gulp.task('default', ['pug', 'scss'], function() {
+	gulp.watch(config.pugWatchFiles, ['pug']);
+	gulp.watch(config.scssWatchFiles, ['scss']);
+});
 
-// gulp.task('default', ['pug', 'scss'], function() {
+// gulp.task('default', ['pug', 'scss'], function () {
 // 	gulp.watch(pugFiles, 'pug');
 // 	gulp.watch(scssFiles, 'scss');
 // });
+
+// gulp.task('hi', function() {
+// 	console.log('Hi Meow');
+// });

package.json

@@ -5,5 +5,8 @@
 		"gulp": "^3.9.1",
 		"gulp-pug": "^4.0.1",
 		"gulp-sass": "^4.0.1"
+	},
+	"scripts": {
+		"start": "gulp"
 	}
 }

scss/partial/body.scss

@@ -32,6 +32,7 @@
 	vertical-align: middle;
 	font-size: 4rem;
 	color: white;
+	color: red !important;
 }
 
 .top h1 > span {

scss/style.scss

@@ -5,7 +5,7 @@
  * ------------------------------------------------------------------------- */
 
 // — VENDORS.
-@import 'vendor/normalize';
+@import 'vendors/normalize';
 
 // — PARTIALS.
 @import 'partial/variables'; // Variables file