chore(gulp): Optimized overall Gulp watcher performance

- Added specific build processes for watchers, increasing performance due to more specific file globbing
- Fixed tslinter settings
- Renamed a few Gulp tasks, in particular '--dev' and '--prod'

Author: itsdevdom

.travis.yml

@@ -29,7 +29,7 @@ before_script:
   - export DISPLAY=:99.0
   - sh -e /etc/init.d/xvfb start # Run xvfb to fake a display (muhaha ...)
 script:
-  - npm run gulp build:prod && npm run gulp test # First build, then (if successful) test
+  - npm run gulp build--prod && npm run gulp test # First build, then (if successful) test
 
 before_deploy: # Automatic semantic release
   - git config --global user.name "dominique-mueller"; # Setup git

gulp-tasks/build.task.js

@@ -1,53 +1,47 @@
 'use strict';
 
-/**
- * Imports
- */
 const gulp = require( 'gulp' );
 
-/**
- * Gulp tasks
- */
 const environmentClean = require( './environment/environment-clean.task' );
 const sassBuild = require( './sass/sass-build.task' );
 const sassLint = require( './sass/sass-lint.task' );
 const typescriptBuild = require( './typescript/typescript-build.task' );
 const typescriptLint = require( './typescript/typescript-lint.task' );
 
 /**
- * Gulp task: Build for Development
+ * Gulp task: Complete build for development
  */
-gulp.task( 'build:dev',
+gulp.task( 'build--dev',
     gulp.series( [
         'environment:clean',
         gulp.parallel( [
-            'typescript:build',
-            'sass:build'
+            'typescript:build--dev',
+            'sass:build--dev'
         ] )
     ] )
 );
 
 /**
- * Gulp task: Build for Production
+ * Gulp task: Complete build for Production
  */
-gulp.task( 'build:prod',
+gulp.task( 'build--prod',
     gulp.series( [
         'environment:clean',
         gulp.parallel( [
             'typescript:lint',
             'sass:lint',
-            'typescript:build',
-            'sass:build'
+            'typescript:build--prod',
+            'sass:build--prod'
         ] )
     ] )
 );
 
 /**
  * Gulp task: Build Demo
  */
-gulp.task( 'build:demo',
+gulp.task( 'build--demo',
     gulp.series( [
-        'environment:clean:demo',
-        'typescript:build:demo'
+        'environment:clean--demo',
+        'typescript:build--demo'
     ] )
 );

gulp-tasks/environment/environment-clean.task.js

@@ -1,31 +1,28 @@
 'use strict';
 
-/**
- * Imports
- */
 const del = require( 'del' );
 const gulp = require( 'gulp' );
 
 /**
- * Gulp task: Clean build files
+ * Gulp task: Clean project build files
  */
 gulp.task( 'environment:clean', () => {
     return del( [
-        './index.js',
+        './index.js', // Generated JavaScript, sourcemaps, and TypeScript definition files ...
         './index.js.map',
         './index.d.ts',
         './src/**/*.js',
         './src/**/*.js.map',
         './src/**/*.d.ts',
-        './style.css',
+        './style.css', // ... and CSS files
         './src/styles/**/*.css'
     ] );
 } );
 
 /**
- * Gulp task: Clean build files (demo)
+ * Gulp task: Clean demo build files
  */
-gulp.task( 'environment:clean:demo', () => {
+gulp.task( 'environment:clean--demo', () => {
     return del( [
         './demo/*.js',
         '!./demo/systemjs.config.js'

gulp-tasks/release.task.js

@@ -1,20 +1,14 @@
 'use strict';
 
-/**
- * Imports
- */
 const gulp = require( 'gulp' );
 
-/**
- * Gulp tasks
- */
 const releaseChangelog = require( './release/release-changelog.task' );
 const releaseGit = require( './release/release-git.task' );
 const releaseGithub = require( './release/release-github.task' );
 const releaseVersion = require( './release/release-version.task' );
 
 /**
- * Gulp task: Release process for Continuous Integration
+ * Gulp task: Release process for Continuous Integration (Travis CI)
  */
 gulp.task( 'release', gulp.series( [
     'release:version',

gulp-tasks/release/release-changelog.task.js

@@ -1,8 +1,5 @@
 'use strict';
 
-/**
- * Imports
- */
 const conventionalChangelog = require( 'gulp-conventional-changelog' );
 const fs = require( 'fs' );
 const gulp = require( 'gulp' );

gulp-tasks/release/release-git.task.js

@@ -1,8 +1,5 @@
 'use strict';
 
-/**
- * Imports
- */
 const fs = require( 'fs' );
 const git = require( 'gulp-git' );
 const gulp = require( 'gulp' );

gulp-tasks/release/release-github.task.js

@@ -1,8 +1,5 @@
 'use strict';
 
-/**
- * Imports
- */
 const conventionalGithubReleaser = require( 'conventional-github-releaser' );
 const fs = require( 'fs' );
 const gulp = require( 'gulp' );

gulp-tasks/release/release-version.task.js

@@ -1,8 +1,5 @@
 'use strict';
 
-/**
- * Imports
- */
 const bump = require( 'gulp-bump' );
 const conventionalRecommendedBump = require( 'conventional-recommended-bump' );
 const gulp = require( 'gulp' );

gulp-tasks/sass/sass-build.task.js

@@ -1,25 +1,38 @@
 'use strict';
 
-/**
- * Imports
- */
 const autoprefixer = require( 'gulp-autoprefixer' );
 const gulp = require( 'gulp' );
 const sass = require( 'gulp-sass' );
 
 /**
- * Gulp task: Build SASS
+ * Gulp task: Build project SASS for development
+ */
+gulp.task( 'sass:build--dev', () => {
+    return gulp
+        .src( [
+            './style.scss', // Only style file
+        ] )
+        .pipe( sass( {
+            'errLogToConsole': true,
+            'outputStyle': 'expanded' // No minifying
+        } ).on( 'error', sass.logError ) )
+        .pipe( autoprefixer() ) // Optional, could be removed for dev
+        .pipe( gulp.dest( './' ) );
+} );
+
+/**
+ * Gulp task: Build project SASS for production
  */
-gulp.task( 'sass:build', () => {
+gulp.task( 'sass:build--prod', () => {
     return gulp
         .src( [
             './**/*.scss', // Keep file structure
-            '!./node_modules/**/*', // Ignore dependencies
-            '!./demo/**/*' // Ignore demo
+            '!./node_modules/**', // Ignore dependencies
+            '!./demo/**' // Ignore demo
         ] )
         .pipe( sass( {
             'errLogToConsole': true,
-            'outputStyle': 'expanded'
+            'outputStyle': 'expanded' // No minifying
         } ).on( 'error', sass.logError ) )
         .pipe( autoprefixer() )
         .pipe( gulp.dest( './' ) );

gulp-tasks/sass/sass-lint.task.js

@@ -1,13 +1,10 @@
 'use strict';
 
-/**
- * Imports
- */
 const gulp = require( 'gulp' );
 const sassLint = require( 'gulp-sass-lint' );
 
 /**
- * Gulp task: Lint SASS
+ * Gulp task: Lint project SASS
  */
 gulp.task( 'sass:lint', () => {
     return gulp