refactor: use nodemon

README.md

@@ -6,10 +6,14 @@ A minimal Angular 2 starter for Universal JavaScript using TypeScript and Webpac
 
 ## Installation
 
-* `npm install --global typescript ts-node tsd webpack`
+* `npm install --global typescript tsd webpack nodemon`
 * `npm install`
 
 ## Serve
 
 * `npm start` to build your client app and start a web server
 * `npm run build` to prepare a distributable bundle
+
+## Watch files
+* `npm watch` to build your client app and start a web server
+

nodemon.json

@@ -0,0 +1,8 @@
+{
+  "ignore": [
+    "src/client.ts",
+    "dist"
+  ],
+  "ext" : "js ts json html",
+  "legacy-watch": true
+}

package.json

@@ -36,8 +36,8 @@
     "zone.js": "0.5.10"
   },
   "devDependencies": {
+    "nodemon": "^1.8.1",
     "ts-loader": "^0.7.2",
-    "ts-node": "^0.5.5",
     "tsd": "^0.6.5",
     "typescript": "^1.7.3",
     "webpack": "^1.12.10",

src/server.ts

@@ -1,7 +1,7 @@
-// polyfills
 import * as path from 'path';
 import * as express from 'express';
 import * as universal from 'angular2-universal-preview';
+
 // Angular 2
 import {App} from './app/app';
 
@@ -13,16 +13,15 @@ app.engine('.ng2.html', universal.ng2engine);
 app.set('views', __dirname);
 app.set('view engine', 'ng2.html');
 
-// static files
+// Serve static files
 app.use(express.static(root));
 
-
+// Routes
 app.use('/', (req, res) => {
   res.render('index', { App });
 });
 
-
-
+// Server
 app.listen(3000, () => {
   console.log('Listen on http://localhost:3000');
 });

tsconfig.json

@@ -2,7 +2,6 @@
   "compilerOptions": {
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "noImplicitAny": true,
     "target": "es5",
     "module": "commonjs",
     "removeComments": true,

webpack.config.js

@@ -2,13 +2,7 @@ var webpackMerge = require('webpack-merge');
 var path = require('path');
 
 var common = {
-  context: process.cwd(),
-  output: {
-    publicPath: path.resolve(__dirname),
-    filename: 'bundle.js'
-  },
   resolve: {
-    root: __dirname + '/src',
     extensions: ['', '.ts', '.json', '.js']
   },
   module: {
@@ -60,10 +54,21 @@ var server = {
   }
 };
 
+var defaults = {
+  context: process.cwd(),
+  resolve: {
+    root: __dirname + '/src'
+  },
+  output: {
+    publicPath: path.resolve(__dirname),
+    filename: 'bundle.js'
+  }
+}
+
 module.exports = [
   // Client
-  webpackMerge({}, common, client),
+  webpackMerge({}, defaults, common, client),
 
   // Server
-  webpackMerge({}, common, server)
+  webpackMerge({}, defaults, common, server)
 ]