feat(#7): sync website with angular universal repo

Author: peterpeterparker

package-lock.json

@@ -7,9 +7,10 @@
     "build": "ng build",
     "lint": "ng lint",
     "build:client-and-server-bundles": "ng build --prod && ng run app:server:production",
-    "build:prerender": "npm run build:client-and-server-bundles && npm run webpack:server && npm run generate:prerender",
-    "build:ssr": "gulp prod && npm run build:client-and-server-bundles && npm run webpack:server && gulp copy-assets",
-    "build:ssr-staging": "gulp staging && npm run build:client-and-server-bundles && npm run webpack:server && gulp copy-assets",
+    "build:prerender": "npm run build:client-and-server-bundles && npm run compile:server && npm run generate:prerender",
+    "build:ssr": "gulp prod && npm run build:client-and-server-bundles && npm run compile:server && gulp copy-assets",
+    "build:ssr-staging": "gulp staging && npm run build:client-and-server-bundles && npm run compile:server && gulp copy-assets",
+    "compile:server": "tsc -p server.tsconfig.json",
     "generate:prerender": "cd dist && node prerender",
     "webpack:server": "webpack --config webpack.server.config.js --progress --colors",
     "serve:prerender": "cd dist/browser && http-server",
@@ -74,7 +75,6 @@
     "replace": "1.0.0",
     "ts-loader": "^5.2.1",
     "tslint": "^5.11.0",
-    "typescript": "2.9.2",
-    "webpack-cli": "^3.1.2"
+    "typescript": "2.9.2"
   }
 }

package.json

@@ -16,7 +16,7 @@ import { renderModuleFactory } from '@angular/platform-server';
 import { ROUTES } from './static.paths';
 
 // * NOTE :: leave this as require() since this file is built Dynamically from webpack
-const {AppServerModuleNgFactory, LAZY_MODULE_MAP} = require('./dist/server/main');
+const {AppServerModuleNgFactory, LAZY_MODULE_MAP} = require('./server/main');
 
 const BROWSER_FOLDER = join(process.cwd(), 'browser');
 

prerender.ts

@@ -19,7 +19,7 @@ const PORT = process.env.PORT || 8000;
 const DIST_FOLDER = join(process.cwd(), 'dist');
 
 // * NOTE :: leave this as require() since this file is built Dynamically from webpack
-const {AppServerModuleNgFactory, LAZY_MODULE_MAP} = require('./dist/server/main');
+const {AppServerModuleNgFactory, LAZY_MODULE_MAP} = require('./server/main');
 
 // Our Universal express-engine (found @ https://github.com/angular/universal/tree/master/modules/express-engine)
 app.engine('html', ngExpressEngine({

server.ts

@@ -0,0 +1,20 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "outDir": "./dist",
+    "sourceMap": true,
+    "declaration": false,
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "target": "es5",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2017",
+      "dom"
+    ]
+  },
+  "include": ["server.ts", "prerender.ts"]
+}