gulpfile.js

var gulp = require('gulp');
var concat = require('gulp-concat');
var templateCache = require('gulp-angular-templatecache');
var rev = require('gulp-rev-append');
var eslint = require('gulp-eslint');
var connect = require('gulp-connect');
var fs = require("fs");

var FONTS_LIB = [
  'bower_components/components-font-awesome/fonts/fontawesome-webfont.woff2',
  'bower_components/components-font-awesome/fonts/fontawesome-webfont.woff',
  'bower_components/components-font-awesome/fonts/fontawesome-webfont.ttf'
];

var CSS_LIB = [
  'bower_components/components-font-awesome/css/font-awesome.min.css',
  'bower_components/angular-toastr/dist/angular-toastr.css',
  'bower_components/angular-loading-bar/build/loading-bar.css',
  'bower_components/angular-material/angular-material.min.css',
  'bower_components/angular-material-datetimepicker/css/material-datetimepicker.css',
  'bower_components/angular-material-data-table/dist/md-data-table.min.css'
];

var CSS_APP = [
  'css/main.css'
];

var JS_LIB = [
  'bower_components/angular/angular.js',
  'bower_components/angular-cookies/angular-cookies.js',
  'bower_components/angular-ui-router/release/angular-ui-router.min.js',
  'bower_components/angular-translate/angular-translate.min.js',
  'bower_components/angular-sanitize/angular-sanitize.min.js',
  'bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.js',
  'bower_components/angular-translate-storage-cookie/angular-translate-storage-cookie.min.js',
  'bower_components/momentjs/moment.js',
  'bower_components/moment-timezone/builds/moment-timezone-with-data-2010-2020.js',
  'bower_components/angular-toastr/dist/angular-toastr.js',
  'bower_components/angular-toastr/dist/angular-toastr.tpls.js',
  'bower_components/angular-loading-bar/build/loading-bar.js',
  'bower_components/select2/select2.js',
  'bower_components/angular-ui-select/dist/select.js',
  'bower_components/is_js/is.min.js',
  'bower_components/angular-file-upload/angular-file-upload.js',
  'bower_components/angular-aria/angular-aria.js',
  'bower_components/angular-material/angular-material.min.js',
  'bower_components/moment/min/moment-with-locales.min.js',
  'bower_components/angular-material-datetimepicker/js/angular-material-datetimepicker.js',
  'bower_components/angular-animate/angular-animate.min.js',
  'bower_components/angular-breadcrumb/release/angular-breadcrumb.min.js',
  'bower_components/angular-material-data-table/dist/md-data-table.min.js',
  'bower_components/ng-file-upload/ng-file-upload-all.min.js'
];

var JS_APP = [
  'app/**/*.js'
];


/**
 *   The location of the resources for deploy
 */
var DESTINATION = 'dest/';

var FONTS_DESTINATION = 'fonts/';
/**
 * The single page initial html file. It will be altered
 * by this script.
 */
var INDEX_FILE = 'index.html';
/**
 * The name of the angular module
 */
var MODULE_NAME = 'push-notifications-frontend';
/**
 * The URL of the back-end API
 */
var AUTH_URL = 'http://localhost:8080/auth';
/**
 * Route to which the API calls will be mapped
 */
var AUTH_ROUTE = '/auth';

/**
 * The URL of the back-end API
 */
var API_URL = 'http://localhost:8080/api';
/**
 * Route to which the API calls will be mapped
 */
var API_ROUTE = '/api';


/**
 * Task for concatenation of the js libraries used
 * in this project
 */
gulp.task('concat_js_lib', function () {
  return gulp.src(JS_LIB) // which js files
    .pipe(concat('lib.js')) // concatenate them in lib.js
    .pipe(gulp.dest(DESTINATION)); // save lib.js in the DESTINATION folder
});

/**
 * Task for concatenation of the css libraries used
 * in this project
 */
gulp.task('concat_css_lib', function () {
  return gulp.src(CSS_LIB) // which css files
    .pipe(concat('lib.css')) // concat them in lib.css
    .pipe(gulp.dest(DESTINATION)); // save lib.css in the DESTINATION folder
});

/**
 * Task for concatenation of the js code defined
 * in this project
 */
gulp.task('concat_js_app', function () {
  return gulp.src(JS_APP)
    .pipe(concat('src.js'))
    .pipe(gulp.dest(DESTINATION))
    .pipe(connect.reload());
});

/**
 * Task for concatenation of the css code defined
 * in this project
 */
gulp.task('concat_css_app', function () {
  return gulp.src(CSS_APP)
    .pipe(concat('app.css'))
    .pipe(gulp.dest(DESTINATION))
    .pipe(connect.reload());
});

/**
 * Task for concatenation of the html templates defined
 * in this project
 */
gulp.task('templates', function () {
  return gulp.src('views/**/**.html') // which html files
    .pipe(
      templateCache('templates.js', { // compile them as angular templates
        module: MODULE_NAME,        // from module MODULE_NAME
        root: 'app'                 // of the app
      }))
    .pipe(gulp.dest(DESTINATION))
    .pipe(connect.reload());
});

/**
 * Task for adding the revision as parameter
 * for cache braking
 */
gulp.task('cache-break', function () {
  return gulp.src(INDEX_FILE) // use the INDEX_FILE as source
    .pipe(rev())            // append the revision to all resources
    .pipe(gulp.dest('.'));  // save the modified file at the same destination
});

gulp.task('fonts', function () {
  return gulp.src(FONTS_LIB)
    .pipe(gulp.dest(FONTS_DESTINATION))
});

var tasks = [
  'concat_js_lib',
  'concat_css_lib',
  'concat_js_app',
  'concat_css_app',
  'fonts',
  'templates'
];

gulp.task('build', tasks, function () {
  gulp.start('cache-break');
});

gulp.task('watch', function () {
  gulp.watch('app/**/**.js', ['concat_js_app', 'cache-break']);
  gulp.watch('views/**/**.html', ['templates', 'cache-break']);
  gulp.watch('css/**/**.css', ['concat_css_app', 'cache-break']);
});

gulp.task('serve', function () {
  connect.server({
    port: 8000,
    fallback: 'index.html',
    livereload: true,
    middleware: function (connect, opt) {
      return [
        (function () {
          var url = require('url');
          var proxy = require('proxy-middleware');
          var options = url.parse(AUTH_URL);
          options.route = AUTH_ROUTE;
          return proxy(options);
        })(),
        (function () {
          var url = require('url');
          var proxy = require('proxy-middleware');
          var options = url.parse(API_URL);
          options.route = API_ROUTE;
          return proxy(options);
        })()
      ];
    }
  });
});

gulp.task('default', ['serve', 'watch']);