fix(package): improved ssr

Author: AnthonyNahas

prerender.ts

@@ -0,0 +1,48 @@
+// Load zone.js for the server.
+import 'zone.js/dist/zone-node';
+import 'reflect-metadata';
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs';
+import { join } from 'path';
+
+import { enableProdMode } from '@angular/core';
+// Import module map for lazy loading
+import { provideModuleMap } from '@nguniversal/module-map-ngfactory-loader';
+import { renderModuleFactory } from '@angular/platform-server';
+import { ROUTES } from './static.paths';
+
+// (global as any).WebSocket = require('ws');
+// (global as any).XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest;
+
+// Faster server renders w/ Prod mode (dev mode never needed)
+enableProdMode();
+
+// * NOTE :: leave this as require() since this file is built Dynamically from webpack
+const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./dist/server/main');
+
+const BROWSER_FOLDER = join(process.cwd(), 'browser');
+
+// Load the index.html file containing referances to your application bundle.
+const index = readFileSync(join(BROWSER_FOLDER, 'index.html'), 'utf8');
+
+let previousRender = Promise.resolve();
+
+// Iterate each route path
+ROUTES.forEach(route => {
+  const fullPath = join(BROWSER_FOLDER, route);
+
+  // Make sure the directory structure is there
+  if (!existsSync(fullPath)) {
+    mkdirSync(fullPath);
+  }
+
+  // Writes rendered HTML to index.html, replacing the file if it already exists.
+  previousRender = previousRender
+    .then(_ =>
+      renderModuleFactory(AppServerModuleNgFactory, {
+        document: index,
+        url: route,
+        extraProviders: [provideModuleMap(LAZY_MODULE_MAP)]
+      })
+    )
+    .then(html => writeFileSync(join(fullPath, 'index.html'), html));
+});

static.paths.ts

@@ -0,0 +1,3 @@
+export const ROUTES = [
+  '/',
+];

webpack.server.config.js

@@ -7,7 +7,9 @@ module.exports = {
   mode: 'none',
   entry: {
     // This is our Express server for Dynamic universal
-    server: './server.ts'
+    server: './server.ts',
+    // This is an example of Static prerendering (generative)
+    prerender: './prerender.ts'
   },
   externals: {
     './dist/server/main': 'require("./server/main")'