Gulp Test Site

Overview

This is a test site setup using Gulp. Built by Joel Delane.

https://github.com/djjoelyd/gulp_test

Notes on the codebase

The code is for user testing only, and is not intended for production use.

It has been built using relatively heavy libraries (Bootstrap, jQuery etc) for speed of development during the prototyping phase.

Libraries and Tools

• Twitter Bootstrap 3, Sass version
• Gulp
• Sass
• Concat
• JSHint
• Autoprefixer
• Minify CSS
• Rename
• Uglify
• Ignore
• Express
• Live Reload
• Tiny Reload Server
• Embed Live Reload
• Ecstatic

Structure

Files

dist/	
	fonts/
	images/
	js/
	styles/
node_modules/
src/	
	fonts/
	images/
	js/
	styles/

Installation, Build and Deployment

Clone the repo:

$ git clone https://github.com/djjoelyd/gulp_test
$ git checkout master

Install the dependencies

$ npm install --save-dev

During development, to watch processed SASS files, and to trigger livereload on JS, CSS, HTML and to load the server on port 4000

$ gulp