fix(2.1.1): fix prod builds

closes TrilonIO#12

Author: MarkPieszak

.vscode/launch.json

@@ -2,7 +2,7 @@
     "version": "0.2.0",
     "configurations": [
         {
-            "name": ".NET Core Launch (web)",
+            "name": "[Development] Launch Web",
             "type": "coreclr",
             "request": "launch",
             "preLaunchTask": "build",
@@ -32,6 +32,37 @@
                 "/Views": "${workspaceRoot}/Views"
             }
         },
+        {
+            "name": "[Production] Launch Web",
+            "type": "coreclr",
+            "request": "launch",
+            "preLaunchTask": "build",
+            "program": "${workspaceRoot}/bin/Debug/netcoreapp1.0/aspnetcore-angular2-universal.dll",
+            "args": [],
+            "cwd": "${workspaceRoot}",
+            "stopAtEntry": false,
+            "internalConsoleOptions": "openOnSessionStart",
+            "launchBrowser": {
+                "enabled": true,
+                "args": "${auto-detect-url}",
+                "windows": {
+                    "command": "cmd.exe",
+                    "args": "/C start ${auto-detect-url}"
+                },
+                "osx": {
+                    "command": "open"
+                },
+                "linux": {
+                    "command": "xdg-open"
+                }
+            },
+            "env": {
+                "ASPNETCORE_ENVIRONMENT": "Production"
+            },
+            "sourceFileMap": {
+                "/Views": "${workspaceRoot}/Views"
+            }
+        },
         {
             "name": ".NET Core Attach",
             "type": "coreclr",

Client/bootstrap-client.ts

@@ -13,7 +13,7 @@ import { AppBrowserModule } from './app/platform-modules/app.browser.module';
 
 let platform;
 
-if ('production' === process.env.ENV) {
+if (process.env.production) {
   enableProdMode();
   platform = platformUniversalDynamic();
 } else {
@@ -27,7 +27,7 @@ const bootApplication = () => platform.bootstrapModule(AppBrowserModule);
 // HMR bootstrap overload
 const hmrBootstrap = () => { handleHmr(module, bootApplication); };
 
-if ((<any>module).hot) {
+if ((<any>module).hot && process.env.development) {
     hmrBootstrap();
 } else {
     bootApplication();

empty.js

@@ -0,0 +1,8 @@
+// Used in Prod & AoT builds to pass blank modules
+module.exports = {
+  NgProbeToken: {},
+  _createConditionalRootRenderer: function(rootRenderer, extraTokens, coreTokens) {
+    return rootRenderer;
+  },
+  __platform_browser_private__: {}
+};

webpack.config.js

@@ -11,10 +11,12 @@ var clone = require('js.clone');
 var ContextReplacementPlugin = require('webpack/lib/ContextReplacementPlugin');
 var TsConfigPathsPlugin = require('awesome-typescript-loader').TsConfigPathsPlugin;
 var ForkCheckerPlugin = require('awesome-typescript-loader').ForkCheckerPlugin;
+var DefinePlugin = require('webpack/lib/DefinePlugin');
 
 // Test if Development build from ASPNETCore environment
 var isDevBuild = process.env.ASPNETCORE_ENVIRONMENT === 'Production' ? false : true;
 
+
 // Sourcemaps (for Development only)
 var devTool = isDevBuild ? 'source-map' : '';
 
@@ -116,6 +118,12 @@ module.exports = setTypeScriptAlias(require('./tsconfig.json'), {
     // (the vendor file has all the 3rd party things we need to get our project going)
     plugins: [
 
+        new DefinePlugin({
+            'process.env': {
+                'development': true
+            }
+        }),
+
         new ContextReplacementPlugin(
             // The (\\|\/) piece accounts for path separators in *nix and Windows
             /angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/,
@@ -135,9 +143,17 @@ module.exports = setTypeScriptAlias(require('./tsconfig.json'), {
 
     ].concat(isDevBuild ? [] : [
         // Plugins that apply in production builds only
+        new DefinePlugin({
+            'process.env': {
+                'production': true
+            }
+        }),
 
         // problem with platformUniversalDynamic on the server/client
-        new webpack.IgnorePlugin(/@angular(\\|\/)compiler/),
+        new webpack.NormalModuleReplacementPlugin(
+            /@angular(\\|\/)compiler/,
+            root('empty.js')
+        ),
 
         //new webpack.optimize.OccurrenceOrderPlugin(), <-- not needed in webpack2 anymore
         new webpack.optimize.UglifyJsPlugin()