Webpack dev server

client/index.html

@@ -16,15 +16,5 @@
     <app>
       Loading...
     </app>
-
-    <!-- Google Analytics: change UA-71073175-2 to be your site's ID -->
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-      ga('create', 'UA-71073175-2', 'auto');
-      ga('send', 'pageview');
-    </script>
   </body>
 </html>

config/jest.setup.js

@@ -0,0 +1,6 @@
+
+const angular = require('angular');
+Object.defineProperty(window, 'angular', { value: angular });
+
+require('angular-mocks');
+require('../client/app/app.js');

webpack.dev.config.js → config/webpack.dev.config.js

@@ -1,11 +1,20 @@
 var webpack = require('webpack');
 var path    = require('path');
-var config  = require('./webpack.config');
+var config  = require('../webpack.config');
 
+config.mode = 'development';
 config.output = {
   filename: '[name].bundle.js',
-  publicPath: '/',
-  path: path.resolve(__dirname, 'client')
+  path: path.resolve(__dirname, '..', 'client')
+};
+
+config.devServer = {
+  port: 3000,
+  contentBase: '../client',
+  hot: true,
+  stats: { colors: true },
+  inline: true,
+  historyApiFallback: true
 };
 
 config.plugins = config.plugins.concat([

webpack.dist.config.js → config/webpack.prod.config.js

@@ -1,11 +1,12 @@
 var webpack = require('webpack');
 var path    = require('path');
-var config  = require('./webpack.config');
+var config  = require('../webpack.config');
 
+config.mode = 'production';
 config.output = {
   filename: '[name].bundle.js',
   publicPath: '',
-  path: path.resolve(__dirname, 'dist')
+  path: path.resolve(__dirname, '..', 'dist')
 };
 
 config.plugins = config.plugins.concat([

gulpfile.babel.js

@@ -3,99 +3,19 @@
 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 del      from 'del';
-import webpackDevMiddleware from 'webpack-dev-middleware';
-import webpackHotMiddleware from 'webpack-hot-middleware';
-import colorsSupported      from 'supports-color';
-import historyApiFallback   from 'connect-history-api-fallback';
 
 let root = 'client';
 
-// helper method for resolving paths
-let resolveToApp = (glob = '') => {
-  return path.join(root, 'app', glob); // app/{glob}
-};
-
 let resolveToComponents = (glob = '') => {
   return path.join(root, 'app/components', glob); // app/components/{glob}
 };
 
-// map of all paths
-let paths = {
-  js: resolveToComponents('**/*!(.spec.js).js'), // exclude spec files
-  scss: resolveToApp('**/*.scss'), // stylesheets
-  html: [
-    resolveToApp('**/*.html'),
-    path.join(root, 'index.html')
-  ],
-  entry: [
-    'babel-polyfill',
-    path.join(__dirname, root, 'app/app.js')
-  ],
-  output: root,
-  blankTemplates: path.join(__dirname, 'generator', 'component/**/*.**'),
-  dest: path.join(__dirname, 'dist')
-};
-
-// use webpack.config.js to build modules
-gulp.task('webpack', ['clean'], (cb) => {
-  const config = require('./webpack.dist.config');
-  config.entry.app = paths.entry;
-
-  webpack(config, (err, stats) => {
-    if(err)  {
-      throw new gutil.PluginError("webpack", err);
-    }
-
-    gutil.log("[webpack]", stats.toString({
-      colors: colorsSupported,
-      chunks: false,
-      errorDetails: true
-    }));
-
-    cb();
-  });
-});
-
-gulp.task('serve', () => {
-  const config = require('./webpack.dev.config');
-  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
-  ].concat(paths.entry);
-
-  var compiler = webpack(config);
-
-  serve({
-    port: process.env.PORT || 3000,
-    open: false,
-    server: {baseDir: root},
-    middleware: [
-      historyApiFallback(),
-      webpackDevMiddleware(compiler, {
-        stats: {
-          colors: colorsSupported,
-          chunks: false,
-          modules: false
-        },
-        publicPath: config.output.publicPath
-      }),
-      webpackHotMiddleware(compiler)
-    ]
-  });
-});
-
-gulp.task('watch', ['serve']);
+const blankTemplates = path.join(__dirname, 'generator', 'component/**/*.**');
 
 gulp.task('component', () => {
   const cap = (val) => {
@@ -105,7 +25,7 @@ gulp.task('component', () => {
   const parentPath = yargs.argv.parent || '';
   const destPath = path.join(resolveToComponents(), parentPath, name);
 
-  return gulp.src(paths.blankTemplates)
+  return gulp.src(blankTemplates)
     .pipe(template({
       name: name,
       upCaseName: cap(name)
@@ -115,12 +35,3 @@ gulp.task('component', () => {
     }))
     .pipe(gulp.dest(destPath));
 });
-
-gulp.task('clean', (cb) => {
-  del([paths.dest]).then(function (paths) {
-    gutil.log("[clean]", paths);
-    cb();
-  })
-});
-
-gulp.task('default', ['watch']);