gulp-jade-sass-static

An automated build environment for static websites making front-end development a breeze.

Quick Start

Clone this repo

$ git clone https://github.com/epilande/gulp-jade-sass-static.git
$ cd gulp-jade-sass-static

Install dependencies

$ npm install

Start tasks for development

$ npm run dev

Open your web browser and navigate to http://localhost:3001

---

Directory Layout

assets/           --> Contents are compiled, minified, copied, etc.. to the public directory
  images/
  js/               --> Javascript files
  sass/             --> Sass files
bower.json        --> For bower to install bower components
gulp/
  tasks/            --> Individual task files
  util/             --> Helpers
  config.js         --> File Src and dest configuration
gulpfile.js
package.json      --> For npm to install node modules
public/           --> Static assets. Generated files are added here. No work should be done in this directory
views/            --> Jade files
  layout.jade       --> Doctype, html, head, body template
  index.jade        --> Main page
  partials/         --> View partials