Several fixes for differential loading bundle downleveling

packages/angular_devkit/build_angular/src/angular-cli-files/utilities/package-chunk-sort.ts

@@ -27,11 +27,13 @@ export function generateEntryPoints(appConfig: {
 
   const entryPoints = [
     'polyfills-nomodule-es5',
+    'runtime',
     'polyfills-es5',
     'polyfills',
     'sw-register',
     ...extraEntryPoints(appConfig.styles, 'styles'),
     ...extraEntryPoints(appConfig.scripts, 'scripts'),
+    'vendor',
     'main',
   ];
 

packages/angular_devkit/build_angular/src/angular-cli-files/utilities/stats.ts

@@ -8,6 +8,7 @@
 // tslint:disable
 // TODO: cleanup this file, it's copied as is from Angular CLI.
 import { tags, terminal } from '@angular-devkit/core';
+import * as path from 'path';
 
 
 const { bold, green, red, reset, white, yellow } = terminal;
@@ -23,27 +24,47 @@ export function formatSize(size: number): string {
   return `${+(size / Math.pow(1024, index)).toPrecision(3)} ${abbreviations[index]}`;
 }
 
+export function generateBundleStats(
+  info: {
+    id: string | number;
+    size?: number;
+    files: string[];
+    names?: string[];
+    entry: boolean;
+    initial: boolean;
+    rendered?: boolean;
+  },
+  colors: boolean,
+): string {
+  const g = (x: string) => (colors ? bold(green(x)) : x);
+  const y = (x: string) => (colors ? bold(yellow(x)) : x);
+
+  const size = typeof info.size === 'number' ? ` ${formatSize(info.size)}` : '';
+  const files = info.files.map(f => path.basename(f)).join(', ');
+  const names = info.names ? ` (${info.names.join(', ')})` : '';
+  const initial = y(info.entry ? '[entry]' : info.initial ? '[initial]' : '');
+  const flags = ['rendered', 'recorded']
+    .map(f => (f && (info as any)[f] ? g(` [${f}]`) : ''))
+    .join('');
+
+  return `chunk {${y(info.id.toString())}} ${g(files)}${names}${size} ${initial}${flags}`;
+}
+
+export function generateBuildStats(hash: string, time: number, colors: boolean): string {
+  const w = (x: string) => colors ? bold(white(x)) : x;
+  return `Date: ${w(new Date().toISOString())} - Hash: ${w(hash)} - Time: ${w('' + time)}ms`
+}
 
 export function statsToString(json: any, statsConfig: any) {
   const colors = statsConfig.colors;
   const rs = (x: string) => colors ? reset(x) : x;
   const w = (x: string) => colors ? bold(white(x)) : x;
-  const g = (x: string) => colors ? bold(green(x)) : x;
-  const y = (x: string) => colors ? bold(yellow(x)) : x;
 
   const changedChunksStats = json.chunks
     .filter((chunk: any) => chunk.rendered)
     .map((chunk: any) => {
       const asset = json.assets.filter((x: any) => x.name == chunk.files[0])[0];
-      const size = asset ? ` ${formatSize(asset.size)}` : '';
-      const files = chunk.files.join(', ');
-      const names = chunk.names ? ` (${chunk.names.join(', ')})` : '';
-      const initial = y(chunk.entry ? '[entry]' : chunk.initial ? '[initial]' : '');
-      const flags = ['rendered', 'recorded']
-        .map(f => f && chunk[f] ? g(` [${f}]`) : '')
-        .join('');
-
-      return `chunk {${y(chunk.id)}} ${g(files)}${names}${size} ${initial}${flags}`;
+      return generateBundleStats({ ...chunk, size: asset && asset.size }, colors);
     });
 
   const unchangedChunkNumber = json.chunks.length - changedChunksStats.length;