/gulp-dev-env

[DISCONTINUED / UNMAINTAINED] Simple development env for static site and single page apps using gulp.

Primary LanguageJavaScript

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

expected directory structure

project
  |_ src
  |   |_ layouts
  |   |_ stylus
  |   |_ scripts
  |   |   |_ app
  |   |   |_ vendor
  |   |_ modules
  |_ build
      |_ scripts
      |_ stylesheets

using

Default npm scripts:

Start dev server:

$ npm start

Start watching code:

$ npm run watch

Compile code:

$ npm run compile

Gulp tasks

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

TODO

  • bring uglify and minify back
  • add lint config
  • task for unit tests
  • add some provision (maybe vagrant again or otto)