Static site workflow using GULP 4 with Sass, Imagemin, SVG sprites and Nunjucks.
public
contains all the compiledcss
andjs
files.pages
andtemplates
contain all the nunjucks layout files and partials. Any new view should be added topages
.- Configuration files are
tasks/tasks.js
andtasks/config.js
.
- Node.js (>=8.0.0)
- Gulp
The major dependency is Node.js including the Node.js package manager called npm
. The other dependencies can be installed with npm.
This project uses Gulp for its build system, with convenient methods for working with the project. It's how we compile and minify our code, add vendor prefixes, optimize images, build for production and more.
Using the above mentioned package manager, installing gulp is as easy as entering this into your terminal:
npm install -g gulp-cli
1. Run npm install
2. Run gulp
3. Done
- Production ready files can be built using
gulp --env production
- Building image files or SVG sprites can be done using either
gulp images
orgulp icons