build: publish tree of files rather than FESMs (#18541)

* Remove now unnecessary portions of build.
* Add a compilePackageES5 method to build ES5 from sources
* Rework all package.json and rollup config files to new format
* Remove "extends" from tsconfig-build.json files and fixup compilation roots

PR Close #18541

packages/router/package.json

@@ -3,9 +3,9 @@
   "version": "0.0.0-PLACEHOLDER",
   "description": "Angular - the routing library",
   "main": "./bundles/router.umd.js",
-  "module": "./@angular/router.es5.js",
-  "es2015": "./@angular/router.js",
-  "typings": "./router.d.ts",
+  "module": "./esm5/index.js",
+  "es2015": "./esm15/index.js",
+  "typings": "./index.d.ts",
   "keywords": [
     "angular",
     "router"

packages/router/public_api.ts

@@ -9,7 +9,7 @@
 /**
  * @module
  * @description
- * Entry point for all public APIs of the router package.
+ * Entry point for all public APIs of this package.
  */
 export * from './src/index';
 

packages/router/rollup.config.js

@@ -7,6 +7,7 @@
  */
 
 import resolve from 'rollup-plugin-node-resolve';
+import sourcemaps from 'rollup-plugin-sourcemaps';
 
 const globals = {
   '@angular/core': 'ng.core',
@@ -39,12 +40,12 @@ const globals = {
 };
 
 export default {
-  entry: '../../dist/packages-dist/router/@angular/router.es5.js',
+  entry: '../../dist/packages-dist/router/esm5/index.js',
   dest: '../../dist/packages-dist/router/bundles/router.umd.js',
   format: 'umd',
   exports: 'named',
   moduleName: 'ng.router',
-  plugins: [resolve()],
+  plugins: [resolve(), sourcemaps()],
   external: Object.keys(globals),
   globals: globals
 };

packages/router/testing/index.ts

@@ -6,10 +6,9 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-/**
- * @module
- * @description
- * Entry point for all public APIs of the router/testing package.
- */
+// This file is not used to build this module. It is only used during editing
+// by the TypeScript language service and during build for verification. `ngc`
+// replaces this file with production index.ts when it rewrites private symbol
+// names.
 
-export * from './src/testing';
+export * from './public_api';

packages/router/testing/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@angular/router/testing",
-  "typings": "../testing.d.ts",
+  "typings": "./index.d.ts",
   "main": "../bundles/router-testing.umd.js",
-  "module": "../@angular/router/testing.es5.js",
-  "es2015": "../@angular/router/testing.js"
+  "module": "../esm5/testing/index.js",
+  "es2015": "../esm15/testing/index.js"
 }

packages/router/testing/public_api.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+/**
+ * @module
+ * @description
+ * Entry point for all public APIs of this package.
+ */
+export * from './src/testing';
+
+// This file only reexports content of the `src` folder. Keep it that way.

packages/router/testing/rollup.config.js

@@ -7,6 +7,7 @@
  */
 
 import resolve from 'rollup-plugin-node-resolve';
+import sourcemaps from 'rollup-plugin-sourcemaps';
 
 const globals = {
   '@angular/core': 'ng.core',
@@ -17,12 +18,12 @@ const globals = {
 };
 
 export default {
-  entry: '../../../dist/packages-dist/router/@angular/router/testing.es5.js',
+  entry: '../../../dist/packages-dist/router/esm5/testing/index.js',
   dest: '../../../dist/packages-dist/router/bundles/router-testing.umd.js',
   format: 'umd',
   exports: 'named',
   moduleName: 'ng.router.testing',
-  plugins: [resolve()],
+  plugins: [resolve(), sourcemaps()],
   external: Object.keys(globals),
   globals: globals
 };

packages/router/testing/tsconfig-build.json

@@ -1,18 +1,27 @@
 {
-  "extends": "../tsconfig-build",
+  "extends": "../tsconfig-build.json",
+
   "compilerOptions": {
+    "baseUrl": ".",
+    "rootDir": "../",
     "paths": {
-      "@angular/core": ["../../dist/packages/core"],
-      "@angular/common": ["../../dist/packages/common"],
-      "@angular/common/testing": ["../../dist/packages/common/testing"],
-      "@angular/platform-browser": ["../../dist/packages/platform-browser"],
-      "@angular/router": ["../../dist/packages/router"]
-    }
+      "@angular/core": ["../../../dist/packages/core"],
+      "@angular/common": ["../../../dist/packages/common"],
+      "@angular/common/testing": ["../../../dist/packages/common/testing"],
+      "@angular/platform-browser": ["../../../dist/packages/platform-browser"],
+      "@angular/router": ["../../../dist/packages/router"]
+    },
+    "outDir": "../../../dist/packages/router"
   },
+
   "files": [
-    "index.ts"
+    "public_api.ts"
   ],
+
   "angularCompilerOptions": {
-    "strictMetadataEmit": true
+    "annotateForClosureCompiler": true,
+    "strictMetadataEmit": true,
+    "flatModuleOutFile": "index.js",
+    "flatModuleId": "@angular/router/testing"
   }
 }

packages/router/tsconfig-build.json

@@ -1,32 +1,22 @@
 {
+  "extends": "../tsconfig-build.json",
+
   "compilerOptions": {
     "baseUrl": ".",
-    "declaration": true,
-    "stripInternal": true,
+    "rootDir": ".",
     "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "module": "es2015",
-    "moduleResolution": "node",
-    "noEmitOnError": false,
-    "noImplicitAny": true,
-    "noImplicitReturns": true,
-    "strictNullChecks": true,
-    "outDir": "../../dist/packages/router",
     "paths": {
       "@angular/core": ["../../dist/packages/core"],
       "@angular/common": ["../../dist/packages/common"],
       "@angular/platform-browser": ["../../dist/packages/platform-browser"]
     },
-    "rootDir": ".",
-    "sourceMap": true,
-    "inlineSources": true,
-    "lib": ["es2015", "dom"],
-    "target": "es2015",
-    "skipLibCheck": true
+    "outDir": "../../dist/packages/router"
   },
+
   "files": [
     "public_api.ts"
   ],
+
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,
     "strictMetadataEmit": true,

packages/router/upgrade/index.ts

@@ -6,10 +6,9 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-/**
- * @module
- * @description
- * Entry point for all public APIs of the router/upgrade package.
- */
+// This file is not used to build this module. It is only used during editing
+// by the TypeScript language service and during build for verification. `ngc`
+// replaces this file with production index.ts when it rewrites private symbol
+// names.
 
-export * from './src/upgrade';
+export * from './public_api';

packages/router/upgrade/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@angular/router/upgrade",
-  "typings": "../upgrade.d.ts",
+  "typings": "./index.d.ts",
   "main": "../bundles/router-upgrade.umd.js",
-  "module": "../@angular/router/upgrade.es5.js",
-  "es2015": "../@angular/router/upgrade.js"
+  "module": "../esm5/upgrade/index.js",
+  "es2015": "../esm15/upgrade/index.js"
 }

packages/router/upgrade/public_api.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+/**
+ * @module
+ * @description
+ * Entry point for all public APIs of this package.
+ */
+export * from './src/upgrade';
+
+// This file only reexports content of the `src` folder. Keep it that way.

packages/router/upgrade/rollup.config.js

@@ -7,6 +7,7 @@
  */
 
 import resolve from 'rollup-plugin-node-resolve';
+import sourcemaps from 'rollup-plugin-sourcemaps';
 
 const globals = {
   '@angular/core': 'ng.core',
@@ -16,12 +17,12 @@ const globals = {
 };
 
 export default {
-  entry: '../../../dist/packages-dist/router/@angular/router/upgrade.es5.js',
+  entry: '../../../dist/packages-dist/router/esm5/upgrade/index.js',
   dest: '../../../dist/packages-dist/router/bundles/router-upgrade.umd.js',
   format: 'umd',
   exports: 'named',
   moduleName: 'ng.router.upgrade',
-  plugins: [resolve()],
+  plugins: [resolve(), sourcemaps()],
   external: Object.keys(globals),
   globals: globals
 };

packages/router/upgrade/tsconfig-build.json

@@ -1,17 +1,25 @@
 {
-  "extends": "../tsconfig-build",
+  "extends": "../tsconfig-build.json",
   "compilerOptions": {
+    "baseUrl": ".",
+    "rootDir": "../",
     "paths": {
-      "@angular/core": ["../../dist/packages/core"],
-      "@angular/platform-browser": ["../../dist/packages/platform-browser"],
-      "@angular/router": ["../../dist/packages/router"],
-      "@angular/upgrade/static": ["../../dist/packages/upgrade/static"]
-    }
+      "@angular/core": ["../../../dist/packages/core"],
+      "@angular/platform-browser": ["../../../dist/packages/platform-browser"],
+      "@angular/router": ["../../../dist/packages/router"],
+      "@angular/upgrade/static": ["../../../dist/packages/upgrade/static"]
+    },
+    "outDir": "../../../dist/packages/router"
   },
+
   "files": [
-    "index.ts"
+    "public_api.ts"
   ],
+
   "angularCompilerOptions": {
-    "strictMetadataEmit": true
+    "annotateForClosureCompiler": true,
+    "strictMetadataEmit": true,
+    "flatModuleOutFile": "index.js",
+    "flatModuleId": "@angular/router/upgrade"
   }
 }