gulp-backpack

This repository is meant to simplify the inclusion of all those tools and gulp plugins we all need to compile our angular app with gulp. One gulp-backpack to gulp them all!

What gulp-backpack contains

Gulp plugins

• "gulp-angular-templatecache": "^1.1.3"
• "gulp-autoprefixer": "^2.0.0"
• "gulp-coffee": "^1.4.3"
• "gulp-coffeelint": "^0.4.0"
• "gulp-concat": "^2.2.0"
• "gulp-filter": "^0.4.1"
• "gulp-jade": "^0.5.0"
• "gulp-less": "^1.3.9"
• "gulp-manifest": "0.0.6"
• "gulp-ng-annotate": "^0.5.2"
• "gulp-plumber": "^0.6.5"
• "gulp-rename": "^1.2.0"
• "gulp-replace": "^0.4.0"
• "gulp-rev": "^2.0.1"
• "gulp-rev-collector": "^0.1.1"
• "gulp-uglify": "^0.2.1"
• "gulp-util": "^2.2.20"
• "gulp-webserver": "^0.8.8"

Tools

• "del": "^1.1.1"
• "require-dir": "^0.1.0"

HOW TO USE IT

1) Installation You need to have gulp installed so your package.json looks like :

...
"gulp": "~3.8.10",
"gulp-backpack": "^0.1.2",
..

1. Use it to build your task Here a example of how to use it. This is a task to compile the less files. You don't need to worry to what you have to include or not you just use it with gulp-backpack.

Not Using gulp-backpack

gulp = require 'gulp'
path = require 'path'
parameters = require '../../parameters.coffee'

less = require 'gulp-less'
plumber = require 'gulp-plumber'
rename = require 'gulp-rename'
rev = require 'gulp-rev'
autoprefixer = require 'gulp-autoprefixer'

# Compile LESS files into CSS
gulp.task 'less', ->
  gulp.src parameters.less_main_file
  .pipe plumber()
  .pipe less paths: [ path.join(__dirname) ]
  .pipe autoprefixer
    browsers: ['last 2 versions', 'Firefox >= 24', 'ie >= 8']
    cascade: false
  .pipe rev()
  .pipe gulp.dest "#{parameters.web_path}/css"
  .pipe rev.manifest()
  .pipe rename 'rev-less.json'
  .pipe gulp.dest parameters.build_temp_path

Using gulp-backpack

gbp = require 'gulp-backpack'
path = require 'path'
parameters = require '../../parameters.coffee'

# Compile LESS files into CSS
gbp.gulp.task 'less', ->
  gbp.gulp.src parameters.less_main_file
  .pipe gbp.plumber()
  .pipe gbp.less paths: [ path.join(__dirname) ]
  .pipe gbp.autoprefixer
    browsers: ['last 2 versions', 'Firefox >= 24', 'ie >= 8']
    cascade: false
  .pipe gbp.rev()
  .pipe gbp.gulp.dest "#{parameters.web_path}/css"
  .pipe gbp.rev.manifest()
  .pipe gbp.rename 'rev-less.json'
  .pipe gbp.gulp.dest parameters.build_temp_path

PROS and CONS

PROS

* The package.json is more simple
* No need to require for every file every plugin
* Less conflicts with the dependencies

CONS

* Maybe a little slower because we load all plugin