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
- 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
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
This project has been tested in npm v18.7.0.