Brandon Martinez | brandonmartinez.com | @brandonmartinez

Skyline Technologies (We're Hiring!) | skylinetechnologies.com | @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
        },
        src: buildConfig.app.styles.files,
        dest: buildConfig.dist.styles,
    }
},

Is it really that tasty?

gulp.task('styles', function (cb) {
    pump([
        gulp.src(buildConfig.app.styles.files),
        sass({
            outputStyle: 'compressed'
        }),
        gulp.dest(buildConfig.dist.basePath)
    ], cb);
});

Get It Together, Man!

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

Pack'N'Play!

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

What Are We Doing Today?

Brandon Martinez | brandonmartinez.com | @brandonmartinez

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