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/animations/browser/index.ts

@@ -11,4 +11,4 @@
 // replaces this file with production index.ts when it rewrites private symbol
 // names.
 
-export * from './src/browser';
+export * from './public_api';

packages/animations/browser/package.json

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

packages/animations/browser/public_api.ts

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

packages/animations/browser/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',
@@ -15,12 +16,12 @@ const globals = {
 };
 
 export default {
-  entry: '../../../dist/packages-dist/animations/@angular/animations/browser.es5.js',
+  entry: '../../../dist/packages-dist/animations/esm5/browser/index.js',
   dest: '../../../dist/packages-dist/animations/bundles/animations-browser.umd.js',
   format: 'umd',
   exports: 'named',
   moduleName: 'ng.animations.browser',
-  plugins: [resolve()],
+  plugins: [resolve(), sourcemaps()],
   external: Object.keys(globals),
   globals: globals
 };

packages/animations/browser/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 platform-browser/animations/testing package.
- */
+// This file is not used to build this module. It is only used during editing
+// by the TypeScript language serivce and during build for verifcation. `ngc`
+// replaces this file with production index.ts when it rewrites private symbol
+// names.
 
-export * from './src/testing';
+export * from './public_api';

packages/animations/browser/testing/package.json

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

packages/animations/browser/testing/public_api.ts

@@ -0,0 +1,14 @@
+/**
+ * @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';

packages/animations/browser/testing/rollup.config.js

@@ -7,20 +7,22 @@
  */
 
 import resolve from 'rollup-plugin-node-resolve';
+import sourcemaps from 'rollup-plugin-sourcemaps';
 
 const globals = {
   '@angular/core': 'ng.core',
+  '@angular/animations': 'ng.animations',
   'rxjs/Observable': 'Rx',
   'rxjs/Subject': 'Rx',
 };
 
 export default {
-  entry: '../../../../dist/packages-dist/animations/@angular/animations/browser/testing.es5.js',
+  entry: '../../../../dist/packages-dist/animations/esm5/browser/testing/index.js',
   dest: '../../../../dist/packages-dist/animations/bundles/animations-browser-testing.umd.js',
   format: 'umd',
   exports: 'named',
   moduleName: 'ng.animations.browser.testing',
-  plugins: [resolve()],
+  plugins: [resolve(), sourcemaps()],
   external: Object.keys(globals),
   globals: globals
 };

packages/animations/browser/testing/tsconfig-build.json

@@ -1,17 +1,26 @@
 {
-  "extends": "../../tsconfig-build",
+  "extends": "../tsconfig-build.json",
+
   "compilerOptions": {
+    "baseUrl": ".",
+    "rootDir": "../../",
     "paths": {
-      "@angular/animations": ["../../dist/packages/animations"]
-    }
+      "@angular/animations": ["../../../../dist/packages/animations"]
+    },
+    "outDir": "../../../../dist/packages/animations"
   },
+
   "files": [
-    "index.ts",
+    "public_api.ts",
     "../../../../node_modules/@types/hammerjs/index.d.ts",
     "../../../../node_modules/@types/jasmine/index.d.ts",
     "../../../../node_modules/zone.js/dist/zone.js.d.ts"
   ],
+
   "angularCompilerOptions": {
-    "strictMetadataEmit": true
+    "annotateForClosureCompiler": true,
+    "strictMetadataEmit": true,
+    "flatModuleOutFile": "index.js",
+    "flatModuleId": "@angular/animations/browser/testing"
   }
 }

packages/animations/browser/tsconfig-build.json

@@ -1,16 +1,21 @@
 {
-  "extends": "../tsconfig-build",
+  "extends": "../tsconfig-build.json",
 
   "compilerOptions": {
+    "baseUrl": ".",
+    "rootDir": "../",
     "paths": {
-      "@angular/animations": ["../../dist/packages/animations"]
-    }
+      "@angular/animations": ["../../../dist/packages/animations"]
+    },
+    "outDir": "../../../dist/packages/animations"
   },
+
   "files": [
     "public_api.ts",
     "../../../node_modules/zone.js/dist/zone.js.d.ts",
     "../../system.d.ts"
   ],
+
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,
     "strictMetadataEmit": true,