video
SuperCell Front-End Build System

SuperCell Front-End Build System

In this video I will be giving a demo of my new front-end Gulp based build system for Node, Mobile and ES6+ React apps. It includes Gulp, Babel for ES6+ and React transpiling, Browserify and Watchify for bundling up your JavaScript Files, and the every popular browserSync and Sass / Autoprefixer.

video

Gulp Build System Part 3: Gulp File

In part three of this series we will create our actual build using the following Node.js modules: gulp-plumber, gulp-uglify, browser-sync, gulp compass, gulp-autoprefixer, del, gulp-rename. We will also set up tasks for css, compass-sass, javascript, html, browser-sync and show how to run gulp tasks in sequence for our final build.

video
Gulp Build System Fundamentals

Gulp Build System Part 1: Fundamentals

If in the past you have ever been intimidated or confused trying to set up a front-end build system you are not alone. A few years ago I had my first introduction to the process watching a video series on YouTube about Grunt.