Simple development env for static sites and single page apps using gulp for tasks, jade for templates, stylus for CSS, babel for next gen javascript and browserify to bundle modular script.
Read the article about this here - PT/BR
project
|_ src
| |_ layouts
| |_ stylus
| |_ scripts
| | |_ app
| | |_ vendor
| |_ modules
|_ build
|_ scripts
|_ stylesheets
Start dev server:
$ npm start
Start watching code:
$ npm run watch
Compile code:
$ npm run compile
Compiling jade:
$ gulp compile:html
Compiling stylus:
$ gulp compile:css
Concatenating vendor scripts:
$ gulp concat:scripts:vendor
Browserifing app scripts:
$ gulp browserify:app
Optimizing images:
$ gulp compress:images
Building:
$ gulp build
Watching files modifications:
$ gulp watch
Building and watching:
$ gulp
- bring uglify and minify back
- add lint config
- task for unit tests
- add some provision (maybe vagrant again or otto)