gulpfile.js

var gulp = require('gulp');
var source = require('vinyl-source-stream');
var browserSync = require('browser-sync').create();
var mainBowerFiles = require('main-bower-files');
var es = require('event-stream');
var wiredep = require('wiredep').stream;

var $ = require("gulp-load-plugins")({
  pattern: ['gulp-*', 'gulp.*', 'browserify**'],
  replaceString: /\bgulp[\-.]/
});

var onError = function (err) {
    $.util.log($.util.colors.red('Error (' + err.plugin + '): ' + err.message));
};

var src = './app/';
var dest = './env/';

//---------------TASK begins -------------------------

    gulp.task('lint', function() {
      return gulp.src('./app/**/*.js')
        .pipe($.jshint())
        .pipe($.jshint.reporter('default'))
        // .pipe($.notify({ message: 'JS Hinting task complete' }))
    });

    gulp.task('scripts', ['lint'], function(){
        return gulp.src(['./app/**/*.js'])
                .pipe($.plumber())
                .pipe($.sourcemaps.init())
                .pipe($.uglify().on('error', onError))
                .pipe($.plumber.stop())
                .pipe($.concat('vendor.min.js'))
                .pipe($.sourcemaps.write())
                .pipe(gulp.dest(dest))
    });

    gulp.task('browserify', function() {
        return $.browserify('./app/app.js')
            .bundle()
            .pipe(source('main.js'))
            .pipe(gulp.dest(dest));
    });

    gulp.task('copy', ['browserify'], function() {
        gulp.src(['app/**/*.html','./app/**/*.css'])
            .pipe(gulp.dest(dest))
            .pipe(browserSync.stream());
    });

    gulp.task('sass', function() {
      return gulp.src(['./app/assets/**/*.scss','./app/assets/**/*.css'])
        .pipe($.sourcemaps.init())
        .pipe($.autoprefixer({ browsers: ['last 2 versions']}))
        .pipe($.sass().on('error', $.sass.logError))
        .pipe($.cssnano())
        .pipe($.sourcemaps.write())
        .pipe(gulp.dest(dest))
        .pipe(browserSync.reload({stream: true}));
    });

    gulp.task('inject', function () {
      var target = gulp.src('./app/index.html');
      var sources = gulp.src('./app/**/*.js');
      return target
        .pipe($.inject(gulp.src(mainBowerFiles(),{ read: false}), {
            name: 'bower',
            relative: true
        }))
        // .pipe($.inject(sources.pipe($.angularFilesort())))
        .pipe(gulp.dest(src))
    });


    gulp.task('build', ['inject', 'copy']);

    gulp.task('browser-sync', ['build'], function() {
        browserSync.init({
            server: {
                baseDir: dest
            },
            browser:["firefox"]
        });
    });

    gulp.task('default', ['browser-sync'], function(){
        $.util.log('Default is running...');
        gulp.watch("./app/**/*.*", ["build"]);
        gulp.watch("./env/**/*.*").on('change', browserSync.reload);
    })