0.1.3 • Published 10 years ago

gulp-backpack v0.1.3

Weekly downloads
16
License
MIT
Repository
github
Last release
10 years ago

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!

  • "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"
  • "del": "^1.1.1"
  • "require-dir": "^0.1.0"
...
"gulp": "~3.8.10",
"gulp-backpack": "^0.1.2",
..

2) 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
* The package.json is more simple
* No need to require for every file every plugin
* Less conflicts with the dependencies
* Maybe a little slower because we load all plugin