Gulp Build Configuration

This is a gulp configuration process that I learned from CSS Tricks - Gulp For Beginners Tutorial. The original repo can be found here;

Tools

Local Development

• sass
• autoprefixer
• browser-sync

Optimization and Distribution

• JS -> concatenation (useref) and minification (uglify)
• CSS -> concatenation (useref) and minification (cssnano)
• Image optimization (imagemin)

Responsive images

This build also includes a pre-configuration (commented out) for using gulp-responsive to generate responsive images. However for each project a proper output must be written.

Default Tasks

1. gulp => compiles sass, add autoprefixers and starts a server with browser-sync.
2. build => runs all optimization tasks and create a folder structure inside the dist directory