text: // Helper: root() is defined at the bottom
  var path = require('path');
  var webpack = require('webpack');
  
  // Webpack Plugins
  var CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin;
  var autoprefixer = require('autoprefixer');
  var HtmlWebpackPlugin = require('html-webpack-plugin');
  var ExtractTextPlugin = require('extract-text-webpack-plugin');
  var CopyWebpackPlugin = require('copy-webpack-plugin');
  var DashboardPlugin = require('webpack-dashboard/plugin');
  var ForkCheckerPlugin = require('awesome-typescript-loader').ForkCheckerPlugin;
  
  /**
   * Env
   * Get npm lifecycle event to identify the environment
   */
  var ENV = process.env.npm_lifecycle_event;
  var isTestWatch = ENV === 'test-watch';
  var isTest = ENV === 'test' || isTestWatch;
  var isProd = ENV === 'build';
  
  module.exports = function makeWebpackConfig() {
    /**
     * Config
     * Reference: http://webpack.github.io/docs/configuration.html
     * This is the object where all configuration gets set
     */
    var config = {};
  
    /**
     * Devtool
     * Reference: http://webpack.github.io/docs/configuration.html#devtool
     * Type of sourcemap to use per build type
     */
    if (isProd) {
      config.devtool = 'source-map';
    }
    else if (isTest) {
      config.devtool = 'inline-source-map';
    }
    else {
      config.devtool = 'eval-source-map';
    }
  
    /**
     * Entry
     * Reference: http://webpack.github.io/docs/configuration.html#entry
     */
    config.entry = isTest ? {} : {
      'polyfills': './src/polyfills.ts',
      'vendor': './src/vendor.ts',
      'app': './src/main.ts' // our angular app
    };
   
    /**
     * Output
     * Reference: http://webpack.github.io/docs/configuration.html#output
     */
    config.output = isTest ? {} : {
      path: root('dist'),
      publicPath: isProd ? '/' : 'http://localhost:8080/',
      filename: isProd ? 'js/[name].[hash].js' : 'js/[name].js',
      chunkFilename: isProd ? '[id].[hash].chunk.js' : '[id].chunk.js'
    };
  
    /**
     * Resolve
     * Reference: http://webpack.github.io/docs/configuration.html#resolve
     */
    config.resolve = {
      // only discover files that have those extensions
      extensions: ['.ts', '.js', '.json', '.css', '.scss', '.html'],
    };
  
    var atlOptions = '';
    if (isTest && !isTestWatch) {
      // awesome-typescript-loader needs to output inlineSourceMap for code coverage to work with source maps.
      atlOptions = 'inlineSourceMap=true&sourceMap=false';
    }
  
    /**
     * Loaders
     * Reference: http://webpack.github.io/docs/configuration.html#module-loaders
     * List: http://webpack.github.io/docs/list-of-loaders.html
     * This handles most of the magic responsible for converting modules
     */
    config.module = {
      rules: [
        // Support for .ts files.
        {
          test: /\.ts$/,
          loaders: ['awesome-typescript-loader?' + atlOptions, 'angular2-template-loader', '@angularclass/hmr-loader'],
          exclude: [isTest ? /\.(e2e)\.ts$/ : /\.(spec|e2e)\.ts$/, /node_modules\/(?!(ng2-.+))/]
        },
  
        // copy those assets to output
        {
          test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
          loader: 'file?name=fonts/[name].[hash].[ext]?'
        },
  
        // Support for *.json files.
        {test: /\.json$/, loader: 'json'},
  
        // Support for CSS as raw text
        // use 'null' loader in test mode (https://github.com/webpack/null-loader)
        // all css in src/style will be bundled in an external css file
        {
          test: /\.css$/,
          exclude: root('src', 'app'),
          loader: isTest ? 'null' : ExtractTextPlugin.extract({ fallbackLoader: 'style-loader', loader: ['css', 'postcss']})
        },
        // all css required in src/app files will be merged in js files
        {test: /\.css$/, include: root('src', 'app'), loader: 'raw!postcss'},
  
        // support for .scss files
        // use 'null' loader in test mode (https://github.com/webpack/null-loader)
        // all css in src/style will be bundled in an external css file
        {
          test: /\.scss$/,
          exclude: root('src', 'app'),
          loader: isTest ? 'null' : ExtractTextPlugin.extract({ fallbackLoader: 'style-loader', loader: ['css', 'postcss', 'sass']})
        },
        // all css required in src/app files will be merged in js files
        {test: /\.scss$/, exclude: root('src', 'style'), loader: 'raw!postcss!sass'},
  
        // support for .html as raw text
        // todo: change the loader to something that adds a hash to images
        {test: /\.html$/, loader: 'raw',  exclude: root('src', 'public')}
      ]
    };
  
    if (isTest && !isTestWatch) {
      // instrument only testing sources with Istanbul, covers ts files
      config.module.rules.push({
        test: /\.ts$/,
        enforce: 'post',
        include: path.resolve('src'),
        loader: 'istanbul-instrumenter-loader',
        exclude: [/\.spec\.ts$/, /\.e2e\.ts$/, /node_modules/]
      });
    }
  
    /**
     * Plugins
     * Reference: http://webpack.github.io/docs/configuration.html#plugins
     * List: http://webpack.github.io/docs/list-of-plugins.html
     */
    config.plugins = [
      // Define env variables to help with builds
      // Reference: https://webpack.github.io/docs/list-of-plugins.html#defineplugin
      new webpack.DefinePlugin({
        // Environment helpers
        'process.env': {
          ENV: JSON.stringify(ENV)
        }
      }),
  
      // Workaround needed for angular 2 angular/angular#11580
        new webpack.ContextReplacementPlugin(
          // The (\\|\/) piece accounts for path separators in *nix and Windows
          /angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/,
          root('./src') // location of your src
        ),
  
      new webpack.LoaderOptionsPlugin({
        options: {
          /**
           * Sass
           * Reference: https://github.com/jtangelder/sass-loader
           * Transforms .scss files to .css
           */
          sassLoader: {
            //includePaths: [path.resolve(__dirname, "node_modules/foundation-sites/scss")]
          },
          /**
           * PostCSS
           * Reference: https://github.com/postcss/autoprefixer-core
           * Add vendor prefixes to your css
           */
          postcss: [
            autoprefixer({
              browsers: ['last 2 version']
            })
          ]
        }
      })
    ];
  
    if (!isTest && !isProd) {
        config.plugins.push(new DashboardPlugin());
    }
  
    if (!isTest && !isTestWatch) {
      config.plugins.push(
        new ForkCheckerPlugin(),
  
        // Generate common chunks if necessary
        // Reference: https://webpack.github.io/docs/code-splitting.html
        // Reference: https://webpack.github.io/docs/list-of-plugins.html#commonschunkplugin
        new CommonsChunkPlugin({
          name: ['vendor', 'polyfills']
        }),
  
        // Inject script and link tags into html files
        // Reference: https://github.com/ampedandwired/html-webpack-plugin
        new HtmlWebpackPlugin({
          template: './src/public/index.html',
          chunksSortMode: 'dependency'
        }),
  
        // Extract css files
        // Reference: https://github.com/webpack/extract-text-webpack-plugin
        // Disabled when in test mode or not in build mode
        new ExtractTextPlugin({filename: 'css/[name].[hash].css', disable: !isProd})
      );
    }
  
    // Add build specific plugins
    if (isProd) {
      config.plugins.push(
        // Reference: http://webpack.github.io/docs/list-of-plugins.html#noerrorsplugin
        // Only emit files when there are no errors
        new webpack.NoErrorsPlugin(),
  
        // // Reference: http://webpack.github.io/docs/list-of-plugins.html#dedupeplugin
        // // Dedupe modules in the output
        // new webpack.optimize.DedupePlugin(),
  
        // Reference: http://webpack.github.io/docs/list-of-plugins.html#uglifyjsplugin
        // Minify all javascript, switch loaders to minimizing mode
        new webpack.optimize.UglifyJsPlugin({sourceMap: true, mangle: { keep_fnames: true }}),
  
        // Copy assets from the public folder
        // Reference: https://github.com/kevlened/copy-webpack-plugin
        new CopyWebpackPlugin([{
          from: root('src/public')
        }])
      );
    }
  
    /**
     * Dev server configuration
     * Reference: http://webpack.github.io/docs/configuration.html#devserver
     * Reference: http://webpack.github.io/docs/webpack-dev-server.html
     */
    config.devServer = {
      contentBase: './src/public',
      historyApiFallback: true,
      quiet: true,
      stats: 'minimal' // none (or false), errors-only, minimal, normal (or true) and verbose
    };
  
    return config;
  }();
  
  // Helper functions
  function root(args) {
    args = Array.prototype.slice.call(arguments, 0);
    return path.join.apply(path, [__dirname].concat(args));
  }
  