gulpfile.babel.js

'use strict';

import gulp     from 'gulp';
import webpack  from 'webpack';
import path     from 'path';
import sync     from 'run-sequence';
import rename   from 'gulp-rename';
import template from 'gulp-template';
import fs       from 'fs';
import yargs    from 'yargs';
import lodash   from 'lodash';
import gutil    from 'gulp-util';
import serve    from 'browser-sync';
import webpackDevMiddelware from 'webpack-dev-middleware';
import webpachHotMiddelware from 'webpack-hot-middleware';
import colorsSupported      from 'supports-color';
import minimist from 'minimist';
import proxy from 'http-proxy-middleware';

var mocker = require('gulp-apimocker');


let root = 'examples';

// helper method for resolving paths
let resolveToApp = (glob = '') => {
  return path.join(root, 'app', glob); // app/{glob}
};

let resolveToComponents = (glob = '') => {
  return path.join(root, glob); // app/components/{glob}
};

// map of all paths
let paths = {
  js: resolveToComponents('**/*!(.spec.js).js'), // exclude spec files
  styl: resolveToApp('**/*.styl'), // stylesheets
  html: [
    resolveToApp('**/*.html'),
    path.join(root, 'index.html')
  ],
  entry: path.join(__dirname, root, 'app.js'),
  output: root
};


let chuckNorrisApiProxy = proxy(['/marketcms', '/Public', '/goods', '/Database'], {
  target: 'http://localhost:8080',
  changeOrigin: true,
  logLevel: 'debug',
  headers:{
    Cookie:"PHPSESSID=5q0pj6ru9rkj8v2dq4l7m17r60"
  }
});

gulp.task('serve', () => {
  const config = require('./webpack.dev');
  config.entry.app = [
    // this modules required to make HRM working
    // it responsible for all this webpack magic
    'webpack-hot-middleware/client?reload=true',
    // application entry point
    paths.entry
  ];

  config.plugins = config.plugins.concat([
    new webpack.HotModuleReplacementPlugin(),
    new webpack.DefinePlugin({
      'process.env': {
        'DEBUG': true
      }
    })
  ]);

  var compiler = webpack(config);

  serve({
    port: process.env.PORT || 3000,
    open: false,
    server: {baseDir: root},
    middleware: [
      webpackDevMiddelware(compiler, {
        stats: {
          colors: colorsSupported,
          chunks: false,
          modules: false
        },
        publicPath: config.output.publicPath
      }),
      webpachHotMiddelware(compiler),
      chuckNorrisApiProxy
    ]
  });
});

gulp.task('apimocker', function(){
  return mocker.start({
    config: 'mock.config.json',
    mockDirectory: 'mocks/'
  });
});

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