fix(angular): fix dev mode on angular closure projects

krausest · Jan 25, 2021 · 68cb3c8 · 68cb3c8
1 parent 0dfabb1
commit 68cb3c8
Show file tree

Hide file tree

Showing 19 changed files with 52 additions and 235 deletions.
diff --git a/frameworks/keyed/angular-closure-nozone/index.html b/frameworks/keyed/angular-closure-nozone/index.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-  <title>Angular</title>
+  <title>Angular-closure-nozone-keyed</title>
   <meta charset="utf-8" />
   <link href="/css/currentStyle.css" rel="stylesheet" />
 </head>

diff --git a/frameworks/keyed/angular-closure-nozone/package-lock.json b/frameworks/keyed/angular-closure-nozone/package-lock.json
diff --git a/frameworks/keyed/angular-closure-nozone/package.json b/frameworks/keyed/angular-closure-nozone/package.json
@@ -36,7 +36,7 @@
     "http-server": "0.12.1",
     "rimraf": "3.0.1",
     "rollup": "2.13.1",
-    "rollup-plugin-terser": "6.1.0",
+    "rollup-plugin-serve": "^1.1.0",
     "typescript": "4.0.5"
   }
 }
diff --git a/frameworks/keyed/angular-closure-nozone/rollup.config.js b/frameworks/keyed/angular-closure-nozone/rollup.config.js
@@ -1,11 +1,11 @@
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
-import { terser } from 'rollup-plugin-terser';
+import serve from 'rollup-plugin-serve';
 
-const plugins = [resolve(), commonjs(), terser()];
+const plugins = [resolve(), commonjs(), serve()];
 
 export default {
-  input: 'tmp/src/main.js',
+  input: 'tmp/main.js',
   output: {
     file: 'dist/bundle.js',
     format: 'iife',

diff --git a/frameworks/keyed/angular-closure-nozone/src/app.ts b/frameworks/keyed/angular-closure-nozone/src/app.ts
@@ -1,4 +1,4 @@
-import { AfterViewChecked, ApplicationRef, Component, NgModule, VERSION } from '@angular/core';
+import { ApplicationRef, Component, NgModule, VERSION } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 
 interface Data {
@@ -13,7 +13,7 @@ interface Data {
           <div class="jumbotron">
               <div class="row">
                   <div class="col-md-6">
-                      <h1>Angular keyed (no Zone.js)</h1>
+                      <h1>Angular closure keyed (Zoneless)</h1>
                   </div>
                   <div class="col-md-6">
                       <div class="col-sm-6 smallpad">

diff --git a/frameworks/keyed/angular-closure-nozone/src/main.ts b/frameworks/keyed/angular-closure-nozone/src/main.ts
@@ -12,4 +12,4 @@ window['Zone'] = {
 }
 
 enableProdMode();
-platformBrowser().bootstrapModule(AppModule, { ngZone: 'noop' })
+platformBrowser().bootstrapModule(AppModule, { ngZone: 'noop' });
diff --git a/frameworks/keyed/angular-closure/index.html b/frameworks/keyed/angular-closure/index.html
@@ -2,7 +2,7 @@
 <html>
 
 <head>
-  <title>Angular</title>
+  <title>Angular-closure-keyed</title>
   <meta charset="utf-8" />
   <link href="/css/currentStyle.css" rel="stylesheet" />
 </head>