Gulp, Grunt, WebPack

What’s a Dev to Choose?

Brandon Martinez | | @brandonmartinez

Skyline Technologies (We're Hiring!) | | @skylinetweets

Let's Get Started!

Exercise in Node.js

A Task Runner is a build system that can be used for task automation. It can be used to minify and combine JavaScript, preprocess CSS via SASS or LESS, copy vendor assets from package managers like NPM, and more.

And why all the noise?

sass: {
    dist: {
        options: {
            outputStyle: 'compressed',
            sourceMap: true
        dest: buildConfig.dist.styles,

Is it really that tasty?

gulp.task('styles', function (cb) {
            outputStyle: 'compressed'
    ], cb);

Get It Together, Man!

A Bundler is a tool in a build chain that gathers multiple files together and bundles them into components.


entry: {
    app: + 'app.jsx'
output: {
    filename: '[name].min.js',
    path: buildConfig.dist.basePath

What Are We Doing Today?

Brandon Martinez | | @brandonmartinez

Skyline Technologies (We're Hiring!) | | @skylinetweets