devServer.historyApiFallback with HtmlWebpackPlugin was fixed.

webpack/webpack-dev-server#640

config/webpack.aot.js

@@ -3,8 +3,6 @@ const webpack = require('webpack');
 const webpackMerge = require('webpack-merge');
 const commonConfig = require('./webpack.common.js');
 
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-
 const ENV = process.env.NODE_ENV = process.env.ENV = 'production';
 const API_URL = process.env.API_URL || '';
 
@@ -30,10 +28,6 @@ module.exports = webpackMerge(commonConfig, {
     chunkFilename: '[id].[chunkhash].chunk.js'
   },
   plugins: [
-    new HtmlWebpackPlugin({
-      template: 'src/index.prod.html',
-      chunksSortMode: 'dependency',
-    }),
     new webpack.DefinePlugin({
       'ENV': JSON.stringify(ENV),
       'API_URL': JSON.stringify(API_URL)

config/webpack.common.js

@@ -1,6 +1,7 @@
 const webpack = require('webpack');
 const helpers = require('./helpers');
 
+const HtmlWebpackPlugin = require('html-webpack-plugin');
 const ForkCheckerPlugin = require('awesome-typescript-loader').ForkCheckerPlugin;
 
 module.exports = {
@@ -28,6 +29,10 @@ module.exports = {
     ]
   },
   plugins: [
+    new HtmlWebpackPlugin({
+      template: 'src/index.html',
+      chunksSortMode: 'dependency',
+    }),
     new ForkCheckerPlugin(),
     new webpack.ContextReplacementPlugin(
       /angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/,

package.json

@@ -99,7 +99,7 @@
     "tslint-loader": "^2.1.3",
     "typescript": "^2.0.3",
     "webpack": "2.1.0-beta.25",
-    "webpack-dev-server": "^2.1.0-beta.8",
+    "webpack-dev-server": "^2.1.0-beta.9",
     "webpack-merge": "~0.14.1"
   }
 }

src/index.html

@@ -21,8 +21,5 @@
   ga('create', 'UA-74585747-1', 'auto');
   ga('send', 'pageview');
 </script>
-<script type="text/javascript" src="/polyfills.js"></script>
-<script type="text/javascript" src="/vendor.js"></script>
-<script type="text/javascript" src="/main.js"></script>
 </body>
 </html>