gulpfile.js

var browserify = require('gulp-browserify'),
    concat = require('gulp-concat'),
    connect = require('gulp-connect'),
    gulp = require('gulp'),
    open = require('gulp-open'),
    plumber = require('gulp-plumber'),
    livereload = require('gulp-livereload'),
    minifycss = require('gulp-minify-css'),
    uglify = require('gulp-uglify'),
    rename = require('gulp-rename'),
    del = require('del');

 
gulp
  // performs magic
  .task('browserify', function(){
    gulp.src('src/js/main.js')
      .pipe(plumber())
      .pipe(
        browserify({ 
          transform: 'reactify', 
          debug: !gulp.env.production 
        })
      )
      .pipe(concat('main.js'))
      .pipe(rename({suffix: '.min'}))   //rename压缩后的文件名
      .pipe(uglify()) 
      .pipe(plumber.stop())
      .pipe(gulp.dest('dist/js'))
      .pipe(livereload());
  })
  
  .task('minifycss', function() {
    return gulp.src('src/assets/**/*.css')      //压缩的文件
        .pipe(minifycss())  //执行压缩
        .pipe(concat('main.css'))
        .pipe(rename({suffix: '.min'}))
        .pipe(gulp.dest('dist/assets/'))  //输出文件夹
        .pipe(livereload());
  })

  // moves source files to dist
  .task('copy', function(){
    gulp
      .src('src/index.html')
      .pipe(gulp.dest('dist'));
   
     gulp
      .src('src/assets/**/*.*')
      .pipe(gulp.dest('dist/assets'));
   
     gulp
      .src('src/img/**/*.*')
      .pipe(gulp.dest('dist/img'));
  })
 
  // local development server
  .task('connect', function(){
    connect.server({
      root: ['dist'],
      port: '8080',
      base: 'http://localhost',
      livereload: true
    });
  })  
 
  // opens the application in chrome
  .task('open', function(){
    gulp
      .src('dist/index.html')
      .pipe(
        open('', {app: 'google chrome',url: 'http://localhost:8080/'})
      );
  })
 
 
  // build the application
  .task('default', ['browserify','copy', 'connect', 'open'])
  .task('default2', ['browserify', 'copy'])
  
  // watch for source changes
  .task('watch', ['default'], function(){
    livereload.listen();
    gulp.watch('src/**/*.*', ['default2']);
  });