File processing boilerplate for HTML, Sass, JS, PNG, JPEG, GIF, and SVG files with Gulp.js

Using a set of boilerplate files when you're starting a website project can be a huge time-saver. Instead of having to start from scratch or copy and paste from previous projects, you can get up and running in just a minute or two.

You can read the original project's blog post here. Kudos to @thecodercoder

Quickstart guide

• Clone or download this Git repo onto your computer.
• Install Node.js if you don't have it yet.
• Run npm install
• Run gulp to run the default Gulp task

Gulp plugins

In this project, Gulp will be configured to run the following functions:

• Install a local server for live-reloading with browsersync
• Compile the SCSS files to CSS with gulp-sass
• Autoprefix the CSS file with autoprefixer
• Rename compressed CSS/JS files gulp-rename
• Minify the CSS file with gulp-cssnano
• Transpile the JS file with gulp-babel
• Concatenate the JS files with gulp-concat
• Uglify the JS file with gulp-uglify
• Compress the images with image-min
• Bust the cache with gulp-cache-bust
• Move final files to the /dist folder

Testing and compatibility

This project has been tested in npm v18.7.0.