https://github.com/kravse/boilerplate

Boilerplate with Gulp, Jade, Stylus and CoffeeScript
https://github.com/kravse/boilerplate

Last synced: 8 days ago
JSON representation

Boilerplate with Gulp, Jade, Stylus and CoffeeScript

• Host: GitHub
• URL: https://github.com/kravse/boilerplate
• Owner: kravse
• Created: 2014-09-19T20:49:05.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2016-04-13T18:03:52.000Z (over 8 years ago)
• Last Synced: 2024-10-08T13:26:01.984Z (29 days ago)
• Language: CSS
• Homepage:
• Size: 431 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
boilerplate

===========

Boilerplate with Gulp Jade Stylus and CoffeeScript 

This is a quick little boilerplate using [Gulp](http://gulpjs.com/) to streamline [Jade](http://jade-lang.com/), [Stylus](https://learnboost.github.io/stylus/) and [CoffeeScript](http://coffeescript.org/) compilation. [Jeet](http://jeet.gs/) is included for responsive grid functionality. 

Instructions: 

1) In the project root, run 'npm install'

2) Run gulp to compile all static assets from 'src' into their build destinations. 

3) Optional: Run gulp watch to poll for changes. 

Currently the setup minifies and uglifies the css and js. If you want more readable source code do the following: 

In gulpfile.coffee:

CSS: 

Remove all instances of .pipe(minify({keepBreaks:false}))

JS: 

Remove all instances of .pipe(uglify())

JADE: 

Change .pipe(plugins.jade({ pretty: false })) to .pipe(plugins.jade({ pretty: true }))

In order to use the Live Reload functionanlity, download the livereload plugin for your browser at: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en