gulpfile.js

require("dotenv").config();

var gulp = require("gulp");
var sass = require("gulp-sass");
var browserify = require("browserify");
var browserifyNgAnnotate = require("browserify-ngannotate");
var buffer = require("gulp-buffer");
var cleanCss = require("gulp-clean-css");
var concat = require("gulp-concat");
var source = require("vinyl-source-stream");
var sourcemaps = require("gulp-sourcemaps");
var uglify = require("gulp-uglify");
var ngAnnotate = require("gulp-ng-annotate");

var environment = process.env.NODE_ENV;

var nodemon = require("gulp-nodemon");

function swallowError(error) {
  //If you want details of the error in the console
  console.log(error.toString());
  this.emit("end");
}

gulp.task("default", function () {
  console.log("yo. use gulp watch or something");
});

gulp.task("js", function () {
  var b = browserify({
    entries: "app/client/src/app.js",
    debug: environment === "dev",
    transform: [browserifyNgAnnotate],
  });

  // transform streaming contents into buffer contents (because gulp-sourcemaps does not support streaming contents)
  b.bundle()
    .pipe(source("app.js"))
    .pipe(buffer())
    .pipe(sourcemaps.init({ loadMaps: true }))
    .pipe(ngAnnotate())
    .on("error", swallowError)
    .pipe(sourcemaps.write())
    .pipe(gulp.dest("app/client/build"));
});

gulp.task("sass", function () {
  gulp
    .src("app/client/stylesheets/site.scss")
    .pipe(sass())
    .on("error", sass.logError)
    .pipe(cleanCss())
    .pipe(gulp.dest("app/client/build"));
});

gulp.task("build", ["js", "sass"], function () {
  // Yup, build the js and sass.
});

gulp.task("watch", ["js", "sass"], function () {
  gulp.watch("app/client/src/**/*.js", ["js"]);
  gulp.watch("app/client/views/**/*.js", ["js"]);
  gulp.watch("app/client/stylesheets/**/*.scss", ["sass"]);
});

gulp.task("server", ["watch"], function () {
  nodemon({
    script: "app.js",
    env: { NODE_ENV: process.env.NODE_ENV || "DEV" },
    watch: ["app/server"],
  });
});