Improve webpack configuration.

config/helpers.js

@@ -0,0 +1,10 @@
+var path = require('path');
+
+var _root = path.resolve(__dirname, '..');
+
+function root(args) {
+  args = Array.prototype.slice.call(arguments, 0);
+  return path.join.apply(path, [_root].concat(args));
+}
+
+exports.root = root;

config/webpack.common.js

@@ -0,0 +1,125 @@
+var webpack = require('webpack');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
+var ExtractTextPlugin = require('extract-text-webpack-plugin');
+var helpers = require('./helpers');
+
+module.exports = {
+    entry: {
+        'polyfills': './src/polyfills.ts',
+        'vendor': './src/vendor.ts',
+        'app': './src/main.ts',
+        'styles': './src/main.scss'
+    },
+
+    resolve: {
+        extensions: ['.ts', '.js'],
+    },
+
+    module: {
+        rules: [{
+            enforce: 'pre',
+            test: /webpack\.config\.js$/,
+            include: helpers.root('src', 'app'),
+            loader: 'eslint-loader',
+            options: {
+                useEslintrc: false,
+                emitWarning: true,
+                emitError: true,
+                failOnWarning: true,
+                failOnError: true,
+                baseConfig: 'webpack',
+                rules: {
+                    indent: ['error', 4]
+                },
+            },
+        }, {
+            // Javascript
+            enforce: 'pre',
+            test: /\.jsx?$/,
+            include: helpers.root('src', 'app'),
+            loader: 'eslint-loader',
+            options: {
+                useEslintrc: false,
+                emitWarning: false,
+                emitError: true,
+                failOnWarning: false,
+                failOnError: true,
+                baseConfig: 'angular',
+                rules: {
+                    indent: ['error', 4]
+                },
+                plugins: [
+                    'angular',
+                    'html',
+                    'security',
+                    'this',
+                    'jquery',
+                    'promise'
+                ]
+            },
+        // }, {
+        //     test: /\.jsx?$/,
+        //     exclude: /node_modules/,
+        //     loader: 'babel-loader'
+        }, {
+            test: /\.ts?$/,
+            //exclude: /node_modules/,
+            use: [
+                {
+                    loader: 'awesome-typescript-loader',
+                    options: { configFileName: helpers.root('src', 'tsconfig.json') }
+                },
+                'angular2-template-loader'
+            ]
+        }, {
+            test: /\.html$/,
+            loader: 'html-loader'
+        }, {
+            test: /\.less$/,
+            use: [
+                'style-loader',
+                'css-loader',
+                'less-loader',
+            ]
+        }, {
+            test: /\.css$/,
+            exclude: helpers.root('src', 'app'),
+            loader: ExtractTextPlugin.extract({
+                fallback: 'style-loader',
+                use: 'css-loader?sourceMap'
+            })
+        }, {
+            test: /\.css$/,
+            include: helpers.root('src', 'app'),
+            loader: 'raw-loader'
+        }, {
+            test: /\.scss$/,
+            use: [
+                'style-loader',
+                'css-loader',
+                'sass-loader',
+            ]
+        }, {
+            test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
+            loader: 'file-loader?name=assets/[name].[hash].[ext]'
+        }]
+    },
+
+    plugins: [
+        // Workaround for angular/angular#11580
+        new webpack.ContextReplacementPlugin(
+          // The (\\|\/) piece accounts for path separators in *nix and Windows
+          /angular(\\|\/)core(\\|\/)@angular/,
+          helpers.root('./src'), // location of your src
+          {} // a map of your routes
+        ),
+
+        new webpack.optimize.CommonsChunkPlugin({
+          name: ['app', 'vendor', 'polyfills']
+        }),
+
+        new HtmlWebpackPlugin({
+          template: 'src/index.ejs'
+        })
+    ],
+};

config/webpack.dev.js

@@ -0,0 +1,32 @@
+// vim: set tw=80 ts=2 sw=2 sts=2:
+
+var webpackMerge = require('webpack-merge');
+var ExtractTextPlugin = require('extract-text-webpack-plugin');
+var commonConfig = require('./webpack.common.js');
+var helpers = require('./helpers');
+
+module.exports = webpackMerge(commonConfig, {
+  devtool: 'cheap-module-eval-source-map',
+
+  output: {
+    path: helpers.root('dist'),
+    publicPath: '/',
+    filename: '[name].js',
+    chunkFilename: '[id].chunk.js'
+  },
+
+  plugins: [
+    new ExtractTextPlugin('[name].css')
+  ],
+
+  devServer: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:5000',
+        secure: false
+      }
+    },
+    historyApiFallback: true,
+    stats: 'minimal'
+  }
+});

config/webpack.prod.js

@@ -0,0 +1,39 @@
+/* jshint esversion: 6 */
+var webpack = require('webpack');
+var webpackMerge = require('webpack-merge');
+var ExtractTextPlugin = require('extract-text-webpack-plugin');
+var commonConfig = require('./webpack.common.js');
+var helpers = require('./helpers');
+
+const ENV = process.env.NODE_ENV = process.env.ENV = 'production';
+
+module.exports = webpackMerge(commonConfig, {
+  devtool: 'source-map',
+
+  output: {
+    path: helpers.root('dist'),
+    publicPath: '/',
+    filename: '[name].[hash].js',
+    chunkFilename: '[id].[hash].chunk.js'
+  },
+
+  plugins: [
+    new webpack.NoEmitOnErrorsPlugin(),
+    new webpack.optimize.UglifyJsPlugin({ // https://github.com/angular/angular/issues/10618
+      mangle: {
+        keep_fnames: true
+      }
+    }),
+    new ExtractTextPlugin('[name].[hash].css'),
+    new webpack.DefinePlugin({
+      'process.env': {
+        'ENV': JSON.stringify(ENV)
+      }
+    }),
+    new webpack.LoaderOptionsPlugin({
+      htmlLoader: {
+        minimize: false // workaround for ng2
+      }
+    })
+  ]
+});