gulp举例

var  gulp  =  require( 'gulp') ;
var  gutil  =  require( 'gulp-util') ;
var  bower  =  require( 'bower') ;
var  concat  =  require( 'gulp-concat') ;
var  sass  =  require( 'gulp-sass') ;
var  minifyCss  =  require( 'gulp-minify-css') ;
var  rename  =  require( 'gulp-rename') ;
var  sh  =  require( 'shelljs') ;

var  paths  = {
  sass : [ 'app/scss/**/*.scss'] ,
  src :  'app' ,
  dist :  'www'
} ;

gulp. task( 'default' , [ 'sass' ,  'concat-controllers' ,  'concat-services' ,  'concat-directives' ,  'concat-filters']) ;

gulp. task( 'sass' ,  function ( done) {
  gulp. src( 'app/scss/*.scss')
    . pipe( sass())
    . on( 'error' ,  sass. logError)
    // .pipe(minifyCss({
    //   keepSpecialComments: 0
    // }))
    // .pipe(rename({ extname: '.min.css' }))
    . pipe( concat( 'style.css'))
    . pipe( gulp. dest( 'app/css/'))
    . on( 'end' ,  done) ;
}) ;


gulp. task( 'install' , [ 'git-check'] ,  function () {
  return  bower. commands. install()
    . on( 'log' ,  function ( data) {
      gutil. log( 'bower' ,  gutil. colors. cyan( data. id) ,  data. message) ;
    }) ;
}) ;

gulp. task( 'git-check' ,  function ( done) {
  if ( ! sh. which( 'git')) {
    console. log(
      '  '  +  gutil. colors. red( 'Git is not installed.') ,
      ' \n   Git, the version control system, is required to download Ionic.' ,
      ' \n   Download git here:' ,  gutil. colors. cyan( 'http://git-scm.com/downloads')  +  '.' ,
      ' \n   Once git is installed, run  \' '  +  gutil. colors. cyan( 'gulp install')  +  ' \'  again.'
    ) ;
    process. exit( 1) ;
  }
  done() ;
}) ;

// Angular合并js
gulp. task( 'concat-controllers' ,  function () {
  gulp. src([ 'app/js/controllers/base.js' ,  'app/js/controllers/*.js'])
    . pipe( concat( 'controllers.js'))
    . pipe( gulp. dest( 'app/js')) ;
}) ;

gulp. task( 'concat-services' ,  function () {
  gulp. src([ 'app/js/services/base.js' ,  'app/js/services/*.js'])
    . pipe( concat( 'services.js'))
    . pipe( gulp. dest( 'app/js')) ;
}) ;

gulp. task( 'concat-directives' ,  function () {
  gulp. src([ 'app/js/directives/base.js' ,  'app/js/directives/*.js'])
    . pipe( concat( 'directives.js'))
    . pipe( gulp. dest( 'app/js')) ;
}) ;

gulp. task( 'concat-filters' ,  function () {
  gulp. src([ 'app/js/filters/base.js' ,  'app/js/filters/*.js'])
    . pipe( concat( 'filters.js'))
    . pipe( gulp. dest( 'app/js')) ;
}) ;

gulp. task( 'watch' , [ 'default'] ,  function () {
  gulp. watch( paths. sass , [ 'sass']) ;

  // AngularJS文件监听
  gulp. watch( 'app/js/controllers/*.js' , [ 'concat-controllers'] ,  function ( event) {
    console. log( 'Concat controllers '  +  event. path) ;
  }) ;

  gulp. watch( 'app/js/services/*.js' , [ 'concat-services'] ,  function ( event) {
    console. log( 'Concat services'  +  event. path) ;
  }) ;

  gulp. watch( 'app/js/directives/*.js' , [ 'concat-directives'] ,  function ( event) {
    console. log( 'Concat directives'  +  event. path) ;
  }) ;

  gulp. watch( 'app/js/filters/*.js' , [ 'concat-filters'] ,  function ( event) {
    console. log( 'Concat filters'  +  event. path) ;
  }) ;
}) ;


// build
gulp. task( 'build' , [ 'default'] ,  function () {
  // 拷贝css并压缩
  gulp. src( paths. src  +  '/css/**/*.css')
    . pipe( minifyCss({
      keepSpecialComments :  0
    }))
    . pipe( gulp. dest( paths. dist  +  '/css')) ;

  // 拷贝img
  gulp. src( paths. src  +  '/img/**')
    . pipe( gulp. dest( paths. dist  +  '/img')) ;

  // 拷贝js
  gulp. src( paths. src  +  '/js/*.js')
    . pipe( gulp. dest( paths. dist  +  '/js')) ;

  // 拷贝lib
  gulp. src( paths. src  +  '/lib/**')
    . pipe( gulp. dest( paths. dist  +  '/lib')) ;

  // 拷贝templates
  gulp. src( paths. src  +  '/templates/**')
    . pipe( gulp. dest( paths. dist  +  '/templates')) ;

  // 拷贝manifest.json
  gulp. src( paths. src  +  '/manifest.json')
    . pipe( gulp. dest( paths. dist)) ;

  // 拷贝service-worker.js
  gulp. src( paths. src  +  '/service-worker.js')
    . pipe( gulp. dest( paths. dist)) ;

  // 拷贝index.html
  gulp. src( paths. src  +  '/index.html')
    . pipe( gulp. dest( paths. dist)) ;
}) ;