chore: Bump angular to 4+, update year to 2017, HTML output for build via webpack (#158)

* bumping angular versions, updated year to 2017

* added html output for webpack on build

* removed script tag to avoid loading zone/script twice

* bump angular to 4+, bump other dependencies, update webpack config

Author: mcescalante

package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "description": "A simple starter Angular2 project",
   "scripts": {
-    "build": "webpack --progress",
+    "build": "rimraf dist && webpack --progress",
     "watch": "npm run build -- --watch",
     "server": "webpack-dev-server --inline --progress --port 3000 --content-base src",
     "start": "npm run server"
@@ -14,37 +14,38 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@angular/common": "~2.2.1",
-    "@angular/compiler": "~2.2.1",
-    "@angular/compiler-cli": "~2.2.1",
-    "@angular/core": "~2.2.1",
-    "@angular/forms": "~2.2.1",
-    "@angular/http": "~2.2.1",
-    "@angular/platform-browser": "~2.2.1",
-    "@angular/platform-browser-dynamic": "~2.2.1",
-    "@angular/platform-server": "~2.2.1",
-    "@angular/router": "~3.2.1",
-    "@angular/upgrade": "~2.2.1",
-    "angular2-in-memory-web-api": "0.0.21",
-    "bootstrap": "^3.3.7",
+    "@angular/common": "~4.0.1",
+    "@angular/compiler": "~4.0.1",
+    "@angular/compiler-cli": "~4.0.1",
+    "@angular/core": "~4.0.1",
+    "@angular/forms": "~4.0.1",
+    "@angular/http": "~4.0.1",
+    "@angular/platform-browser": "~4.0.1",
+    "@angular/platform-browser-dynamic": "~4.0.1",
+    "@angular/platform-server": "~4.0.1",
+    "@angular/router": "~4.0.1",
+    "@angular/upgrade": "~4.0.1",
+    "angular-in-memory-web-api": "^0.3.1",
     "core-js": "^2.4.1",
     "ie-shim": "^0.1.0",
-    "reflect-metadata": "^0.1.3",
-    "rxjs": "5.0.0-beta.12",
-    "zone.js": "~0.6.26"
+    "reflect-metadata": "^0.1.9",
+    "rxjs": "5.0.1",
+    "zone.js": "^0.8.4"
   },
   "devDependencies": {
-    "@types/node": "^6.0.48",
+    "@types/node": "^7.0.12",
     "angular2-router-loader": "^0.3.4",
     "angular2-template-loader": "^0.6.0",
-    "awesome-typescript-loader": "^2.2.4",
-    "css-loader": "^0.25.0",
+    "awesome-typescript-loader": "^3.1.2",
+    "css-loader": "^0.26.0",
+    "html-webpack-plugin": "^2.28.0",
     "raw-loader": "^0.5.1",
+    "rimraf": "^2.5.4",
     "to-string-loader": "^1.1.4",
-    "typescript": "~2.0.10",
-    "webpack": "2.1.0-beta.27",
-    "webpack-dev-server": "2.1.0-beta.11",
-    "webpack-merge": "^0.15.0"
+    "typescript": "~2.2.0",
+    "webpack": "^2.4.1",
+    "webpack-dev-server": "2.4.2",
+    "webpack-merge": "^4.1.0"
   },
   "keywords": [
     "Angular2",

src/app/app.component.html

@@ -25,5 +25,5 @@ <h3>
 
 
 <footer>
-  © 2016
+  © 2017
 </footer>

src/index.html

@@ -12,7 +12,5 @@
       Loading...
     </app>
 
-    <script async src="/main.bundle.js"></script>
-
   </body>
 </html>

webpack.config.js

@@ -1,6 +1,7 @@
 var webpack = require('webpack');
 var path = require('path');
 var webpackMerge = require('webpack-merge');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
 
 // Webpack Config
 var webpackConfig = {
@@ -16,12 +17,17 @@ var webpackConfig = {
   plugins: [
     new webpack.ContextReplacementPlugin(
       // The (\\|\/) piece accounts for path separators in *nix and Windows
-      /angular(\\|\/)core(\\|\/)src(\\|\/)linker/,
-      path.resolve(__dirname, './src'),
+      /angular(\\|\/)core(\\|\/)@angular/,
+      path.resolve(__dirname, '../src'),
       {
         // your Angular Async Route paths relative to this root directory
       }
     ),
+
+    new HtmlWebpackPlugin({
+      template: 'src/index.html'
+    }),
+
   ],
 
   module: {