Skip to content

drawcard/frontend-boilerplate

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

front-end boilerplate for Sass and Gulp 4

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 42.8%
  • HTML 28.8%
  • CSS 28.4%