A starter template for static sites featuring Gulp, Pug, Sass and Webpack
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
gulp
js
sass
site
templates
.babelrc
.gitignore
Makefile
README.md
gulpfile.js
package.json
yarn.lock

README.md

Static site starter

A starter template for static sites featuring Gulp, Pug, Sass and Webpack.

Getting started

Prerequisites

  • Node.js ~> 8.0.0
  • Yarn ~> 1.6.0

Setup

yarn install

Gulp tasks

Because you can't natively document Gulp tasks, they are wrapped with Make. Type make help to get a documented list of available tasks.

Serve

make: Serve ./site with livereload on localhost:3000

Build

make build: Build HTML, CSS and JavaScript to ./site

Folders

  • templates: Pug templates
  • sass: CSS is compiled with Sass
  • js: JavaScript is compiled with Babel
  • site: Put your fonts and images there

Sass

To @import something from an installed package:

  1. Look at the path in the desired package, for example: bulma/sass/utilities/_all
  2. Write your import: @import bulma/sass/utilities/_all