feat(watch): watched builds

Author: jkuri

README.md

@@ -32,6 +32,15 @@ Server Side builds
 npm run build:server
 ```
 
+### Watch Mode
+
+```sh
+npm run dev # wait to finish
+
+npm run watch # watch on ./dist/server.js
+```
+
+
 ### Production
 
 Build both client and server side bundles and get ready for production (AoT)

nodemon.json

@@ -0,0 +1,7 @@
+{
+  "watch": [
+    "dist/*server.js",
+    "src/index.html"
+  ],
+  "ext": "js html"
+}

package.json

@@ -14,7 +14,9 @@
     "prebuild": "npm run clean",
     "prebuild:prod": "npm run clean",
     "clean": "rimraf dist",
-    "server": "node dist/server.js"
+    "server": "node dist/server.js",
+    "dev": "webpack --env.client --progress --hide-modules --watch & webpack --env.server --progress --hide-modules --watch",
+    "watch": "nodemon ./dist/server.js"
   },
   "repository": {
     "type": "git",
@@ -64,6 +66,7 @@
     "html-webpack-plugin": "^2.28.0",
     "ng-router-loader": "^2.1.0",
     "node-sass": "^4.5.1",
+    "nodemon": "^1.11.0",
     "portfinder": "^1.0.13",
     "raw-loader": "^0.5.1",
     "rimraf": "^2.6.1",

src/tsconfig.server.json

@@ -1,5 +1,11 @@
 {
   "extends": "../tsconfig.json",
+  "exclude": [
+    "./main.server.ts",
+    "./main.server.aot.ts",
+    "./main.browser.ts",
+    "./main.browser.aot.ts"
+  ],
   "angularCompilerOptions": {
     "excludes": [],
     "genDir": "ngfactory",

webpack.config.js

@@ -22,7 +22,7 @@ module.exports = function (options, webpackOptions) {
     plugins: [
       getAotPlugin('server', !!options.aot)
     ]
-  }, getDevStylesConfig());
+  }, getProdStylesConfig());
 
   let clientConfig = webpackMerge({}, commonPartial, clientPartial, {
     plugins: [