/angular-gulp

Example of using gulp with an Angular project for an loftblog lesson

Primary LanguageCSS

Angular + Gulp: Fast built

AngularJS plus Gulp

Installation

Before running any Gulp tasks:

  1. Check out this repository
  2. Ensure you have node installed
  3. Almost, ensure you have ruby, compass and singularitygs installed
  4. Run npm install and bower install in the root directory

Project Structure

The project ships with a directory structure like:

/angular-gulp
|---- package.json
|---- bower.json
|---- gulpfile.js
|---- /app
|     |---- index.jade
|     |---- app.js
|     |---- /scss
|     |     |---- app.scss
|           ...
|     |---- /components
|           |
|           ...
|---- (/dist.dev)
|---- (/dist.prod)

Gulp Tasks

All of the following are available from the command line.

Essential ones

These tasks I use as part of my regular developments and deploy scripts:

  • gulp watch-dev Clean, build, and watch live changes to the dev environment. Built sources are served directly by the dev server from /dist.dev.
  • gulp watch-prod Clean, build, and watch live changes to the prod environment. Built sources are served directly by the dev server from /dist.prod.
  • gulp Default task builds for dev. Built sources are put into /dist.dev, and can be served directly.