Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Latest commit be6b9c2 Mar 29, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
app Add files for Gulp 4 Mar 26, 2019
.gitignore Update blog link Mar 26, 2019
gulpfile.js Add cache busting Mar 29, 2019
gulpfile.js.OLD Add files for Gulp 4 Mar 26, 2019
index.html Add cache busting Mar 29, 2019
package-lock.json Add cache busting Mar 29, 2019
package.json Add cache busting Mar 29, 2019

Front-end Boilerplate using Sass and Gulp 4

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.

I wanted to share my own boilerplate that I use for simple front-end websites that use HTML, SCSS, and JavaScript. And I'm using Gulp 4 to compile, prefix, and minify my files.

I also wrote a rather detailed walkthrough on how to get up and running with Gulp 4, as well as migration tips from Gulp 3.

You can read that on my blog here.

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

In this proejct, Gulp is configured to run the following functions:

  • Compile the SCSS files to CSS
  • Autoprefix and minify the CSS file
  • Concatenate the JS files
  • Uglify the JS files
  • Move final CSS and JS files to the /dist folder
You can’t perform that action at this time.