fix(compiler): don’t emit stubs when we didn’t generate code for a file. (#18788)

Applies to the new transformer compiler.

PR Close #18788

packages/compiler-cli/src/transformers/program.ts

@@ -19,9 +19,7 @@ import {CompilerHost, CompilerOptions, CustomTransformers, Diagnostic, EmitFlags
 import {LowerMetadataCache, getExpressionLoweringTransformFactory} from './lower_expressions';
 import {getAngularEmitterTransformFactory} from './node_emitter_transform';
 
-const GENERATED_FILES = /\.ngfactory\.js$|\.ngstyle\.js$|\.ngsummary\.js$/;
+const GENERATED_FILES = /(.*?)\.(ngfactory|shim\.ngstyle|ngstyle|ngsummary)\.(js|d\.ts|ts)$/;
-
-const SUMMARY_JSON_FILES = /\.ngsummary.json$/;
 
 const emptyModules: NgAnalyzedModules = {
   ngModules: [],
@@ -141,37 +139,17 @@ class AngularCompilerProgram implements Program {
     customTransformers?: CustomTransformers,
     emitCallback?: TsEmitCallback
   }): ts.EmitResult {
-    const emitMap = new Map<string, string>();
+    return emitCallback({
-
-    const emitResult = emitCallback({
       program: this.programWithStubs,
       host: this.host,
       options: this.options,
       targetSourceFile: undefined,
-      writeFile: createWriteFileCallback(
+      writeFile:
-          emitFlags, this.host, this.metadataCache, emitMap, this.generatedFiles),
+          createWriteFileCallback(emitFlags, this.host, this.metadataCache, this.generatedFiles),
       cancellationToken,
       emitOnlyDtsFiles: (emitFlags & (EmitFlags.DTS | EmitFlags.JS)) == EmitFlags.DTS,
       customTransformers: this.calculateTransforms(customTransformers)
     });
-
-    this.generatedFiles.forEach(file => {
-      // In order not to replicate the TS calculation of the out folder for files
-      // derive the out location for .json files from the out location of the .ts files
-      if (file.source && file.source.length && SUMMARY_JSON_FILES.test(file.genFileUrl)) {
-        // If we have emitted the ngsummary.ts file, ensure the ngsummary.json file is emitted to
-        // the same location.
-
-        const emittedFile = emitMap.get(file.srcFileUrl);
-
-        if (emittedFile) {
-          const fileName = path.join(path.dirname(emittedFile), path.basename(file.genFileUrl));
-          this.host.writeFile(fileName, file.source, false, error => {});
-        }
-      }
-    });
-
-    return emitResult;
   }
 
   // Private members
@@ -364,7 +342,7 @@ function getAotCompilerOptions(options: CompilerOptions): AotCompilerOptions {
 
 function writeMetadata(
     host: ts.CompilerHost, emitFilePath: string, sourceFile: ts.SourceFile,
-    metadataCache: LowerMetadataCache) {
+    metadataCache: LowerMetadataCache, onError?: (message: string) => void) {
   if (/\.js$/.test(emitFilePath)) {
     const path = emitFilePath.replace(/\.js$/, '.metadata.json');
 
@@ -380,38 +358,54 @@ function writeMetadata(
     const metadata = metadataCache.getMetadata(collectableFile);
     if (metadata) {
       const metadataText = JSON.stringify([metadata]);
-      host.writeFile(path, metadataText, false);
+      host.writeFile(path, metadataText, false, onError, [sourceFile]);
+    }
+  }
+}
+
+function writeNgSummaryJson(
+    host: ts.CompilerHost, emitFilePath: string, sourceFile: ts.SourceFile,
+    generatedFilesByName: Map<string, GeneratedFile>, onError?: (message: string) => void) {
+  // Note: some files have an empty .ngfactory.js/.d.ts file but still need
+  // .ngsummary.json files (e.g. directives / pipes).
+  // We write the ngSummary when we try to emit the .ngfactory.js files
+  // and not the regular .js files as the latter are not emitted when
+  // we generate code for a npm library which ships .js / .d.ts / .metadata.json files.
+  if (/\.ngfactory.js$/.test(emitFilePath)) {
+    const emitPath = emitFilePath.replace(/\.ngfactory\.js$/, '.ngsummary.json');
+    const genFilePath = sourceFile.fileName.replace(/\.ngfactory\.ts$/, '.ngsummary.json');
+    const genFile = generatedFilesByName.get(genFilePath);
+    if (genFile) {
+      host.writeFile(emitPath, genFile.source !, false, onError, [sourceFile]);
     }
   }
 }
 
 function createWriteFileCallback(
     emitFlags: EmitFlags, host: ts.CompilerHost, metadataCache: LowerMetadataCache,
-    emitMap: Map<string, string>, generatedFiles: GeneratedFile[]) {
+    generatedFiles: GeneratedFile[]) {
-  const genFileToSrcFile = new Map<string, string>();
+  const generatedFilesByName = new Map<string, GeneratedFile>();
-  generatedFiles.forEach(f => genFileToSrcFile.set(f.genFileUrl, f.srcFileUrl));
+  generatedFiles.forEach(f => generatedFilesByName.set(f.genFileUrl, f));
   return (fileName: string, data: string, writeByteOrderMark: boolean,
           onError?: (message: string) => void, sourceFiles?: ts.SourceFile[]) => {
-
+    const sourceFile = sourceFiles && sourceFiles.length == 1 ? sourceFiles[0] : null;
-    let srcFile: ts.SourceFile|undefined;
+    if (sourceFile) {
-
+      const isGenerated = GENERATED_FILES.test(fileName);
-    if (sourceFiles && sourceFiles.length == 1) {
+      if (isGenerated) {
-      srcFile = sourceFiles[0];
+        writeNgSummaryJson(host, fileName, sourceFile, generatedFilesByName, onError);
-      const originalSrcFile = genFileToSrcFile.get(srcFile.fileName) || srcFile.fileName;
-      emitMap.set(originalSrcFile, fileName);
       }
-
+      if (!isGenerated && (emitFlags & EmitFlags.Metadata)) {
-    const absFile = path.resolve(process.cwd(), fileName);
+        writeMetadata(host, fileName, sourceFile, metadataCache, onError);
-    const generatedFile = GENERATED_FILES.test(fileName);
+      }
-
+      if (isGenerated) {
+        const genFile = generatedFilesByName.get(sourceFile.fileName);
+        if (!genFile || !genFile.stmts || !genFile.stmts.length) {
           // Don't emit empty generated files
-    if (!generatedFile || data) {
+          return;
+        }
+      }
+    }
     host.writeFile(fileName, data, writeByteOrderMark, onError, sourceFiles);
-
-      if (srcFile && !generatedFile && (emitFlags & EmitFlags.Metadata) != 0) {
-        writeMetadata(host, fileName, srcFile, metadataCache);
-      }
-    }
   };
 }
 

packages/compiler-cli/test/ngc_spec.ts

@@ -25,12 +25,24 @@ describe('ngc transformer command-line', () => {
   let write: (fileName: string, content: string) => void;
   let errorSpy: jasmine.Spy&((s: string) => void);
 
+  function shouldExist(fileName: string) {
+    if (!fs.existsSync(path.resolve(outDir, fileName))) {
+      throw new Error(`Expected ${fileName} to be emitted (outDir: ${outDir})`);
+    }
+  }
+
+  function shouldNotExist(fileName: string) {
+    if (fs.existsSync(path.resolve(outDir, fileName))) {
+      throw new Error(`Did not expect ${fileName} to be emitted (outDir: ${outDir})`);
+    }
+  }
+
   function writeConfig(tsconfig: string = '{"extends": "./tsconfig-base.json"}') {
     write('tsconfig.json', tsconfig);
   }
 
   beforeEach(() => {
-    errorSpy = jasmine.createSpy('consoleError');
+    errorSpy = jasmine.createSpy('consoleError').and.callFake(console.error);
     basePath = makeTempDir();
     write = (fileName: string, content: string) => {
       const dir = path.dirname(fileName);
@@ -44,12 +56,17 @@ describe('ngc transformer command-line', () => {
       "compilerOptions": {
         "experimentalDecorators": true,
         "skipLibCheck": true,
+        "noImplicitAny": true,
         "types": [],
         "outDir": "built",
+        "rootDir": ".",
+        "baseUrl": ".",
         "declaration": true,
+        "target": "es5",
         "module": "es2015",
         "moduleResolution": "node",
-        "lib": ["es6", "dom"]
+        "lib": ["es6", "dom"],
+        "typeRoots": ["node_modules/@types"]
       }
     }`);
     outDir = path.resolve(basePath, 'built');
@@ -72,6 +89,10 @@ describe('ngc transformer command-line', () => {
     expect(exitCode).toBe(0);
   });
 
+  describe('errors', () => {
+
+    beforeEach(() => { errorSpy.and.stub(); });
+
     it('should not print the stack trace if user input file does not exist', () => {
       writeConfig(`{
         "extends": "./tsconfig-base.json",
@@ -130,7 +151,7 @@ describe('ngc transformer command-line', () => {
 
       const exitCode = mainSync(['-p', basePath], errorSpy);
       expect(errorSpy).toHaveBeenCalledWith(
-        'test.ts(3,7): error TS2349: Cannot invoke an expression whose type lacks a call signature. ' +
+          'test.ts(3,9): error TS2349: Cannot invoke an expression whose type lacks a call signature. ' +
           'Type \'String\' has no compatible call signatures.\n');
       expect(exitCode).toEqual(1);
     });
@@ -145,7 +166,6 @@ describe('ngc transformer command-line', () => {
       expect(exitCode).toEqual(1);
     });
 
-  describe('compile ngfactory files', () => {
     it('should report errors for ngfactory files that are not referenced by root files', () => {
       writeConfig(`{
           "extends": "./tsconfig-base.json",
@@ -201,6 +221,9 @@ describe('ngc transformer command-line', () => {
 
       expect(exitCode).toEqual(1);
     });
+  });
+
+  describe('compile ngfactory files', () => {
 
     it('should compile ngfactory files that are not referenced by root files', () => {
       writeConfig(`{
@@ -251,6 +274,159 @@ describe('ngc transformer command-line', () => {
           .toBe(true);
     });
 
+    describe(`emit generated files depending on the source file`, () => {
+      const modules = ['comp', 'directive', 'module'];
+      beforeEach(() => {
+        write('src/comp.ts', `
+              import {Component, ViewEncapsulation} from '@angular/core';
+
+              @Component({
+                selector: 'comp-a',
+                template: 'A',
+                styleUrls: ['plain.css'],
+                encapsulation: ViewEncapsulation.None
+              })
+              export class CompA {
+              }
+
+              @Component({
+                selector: 'comp-b',
+                template: 'B',
+                styleUrls: ['emulated.css']
+              })
+              export class CompB {
+              }`);
+        write('src/plain.css', 'div {}');
+        write('src/emulated.css', 'div {}');
+        write('src/directive.ts', `
+              import {Directive, Input} from '@angular/core';
+
+              @Directive({
+                selector: '[someDir]',
+                host: {'[title]': 'someProp'},
+              })
+              export class SomeDirective {
+                @Input() someProp: string;
+              }`);
+        write('src/module.ts', `
+              import {NgModule} from '@angular/core';
+
+              import {CompA, CompB} from './comp';
+              import {SomeDirective} from './directive';
+
+              @NgModule({
+                declarations: [
+                  CompA, CompB,
+                  SomeDirective,
+                ],
+                exports: [
+                  CompA, CompB,
+                  SomeDirective,
+                ],
+              })
+              export class SomeModule {
+              }`);
+      });
+
+      function expectJsDtsMetadataJsonToExist() {
+        modules.forEach(moduleName => {
+          shouldExist(moduleName + '.js');
+          shouldExist(moduleName + '.d.ts');
+          shouldExist(moduleName + '.metadata.json');
+        });
+      }
+
+      function expectAllGeneratedFilesToExist() {
+        modules.forEach(moduleName => {
+          if (/module|comp/.test(moduleName)) {
+            shouldExist(moduleName + '.ngfactory.js');
+            shouldExist(moduleName + '.ngfactory.d.ts');
+            shouldExist(moduleName + '.ngsummary.js');
+            shouldExist(moduleName + '.ngsummary.d.ts');
+          } else {
+            shouldNotExist(moduleName + '.ngfactory.js');
+            shouldNotExist(moduleName + '.ngfactory.d.ts');
+            shouldExist(moduleName + '.ngsummary.js');
+            shouldExist(moduleName + '.ngsummary.d.ts');
+          }
+          shouldExist(moduleName + '.ngsummary.json');
+          shouldNotExist(moduleName + '.ngfactory.metadata.json');
+          shouldNotExist(moduleName + '.ngsummary.metadata.json');
+        });
+        shouldExist('plain.css.ngstyle.js');
+        shouldExist('plain.css.ngstyle.d.ts');
+        shouldExist('emulated.css.shim.ngstyle.js');
+        shouldExist('emulated.css.shim.ngstyle.d.ts');
+      }
+
+      it('should emit generated files from sources', () => {
+        writeConfig(`{
+            "extends": "./tsconfig-base.json",
+            "angularCompilerOptions": {
+              "enableSummariesForJit": true
+            },
+            "include": ["src/**/*.ts"]
+          }`);
+        const exitCode = mainSync(['-p', path.join(basePath, 'tsconfig.json')], errorSpy);
+        expect(exitCode).toEqual(0);
+        outDir = path.resolve(basePath, 'built', 'src');
+        expectJsDtsMetadataJsonToExist();
+        expectAllGeneratedFilesToExist();
+      });
+
+      it('should emit generated files from libraries', () => {
+        // first only generate .d.ts / .js / .metadata.json files
+        writeConfig(`{
+            "extends": "./tsconfig-base.json",
+            "angularCompilerOptions": {
+              "enableSummariesForJit": true,
+              "skipTemplateCodegen": true
+            },
+            "compilerOptions": {
+              "outDir": "lib"
+            },
+            "include": ["src/**/*.ts"]
+          }`);
+        let exitCode = mainSync(['-p', path.join(basePath, 'tsconfig.json')], errorSpy);
+        expect(exitCode).toEqual(0);
+        outDir = path.resolve(basePath, 'lib', 'src');
+        modules.forEach(moduleName => {
+          shouldExist(moduleName + '.js');
+          shouldExist(moduleName + '.d.ts');
+          shouldExist(moduleName + '.metadata.json');
+          shouldNotExist(moduleName + '.ngfactory.js');
+          shouldNotExist(moduleName + '.ngfactory.d.ts');
+          shouldNotExist(moduleName + '.ngsummary.js');
+          shouldNotExist(moduleName + '.ngsummary.d.ts');
+          shouldNotExist(moduleName + '.ngsummary.json');
+          shouldNotExist(moduleName + '.ngfactory.metadata.json');
+          shouldNotExist(moduleName + '.ngsummary.metadata.json');
+        });
+        shouldNotExist('src/plain.css.ngstyle.js');
+        shouldNotExist('src/plain.css.ngstyle.d.ts');
+        shouldNotExist('src/emulated.css.shim.ngstyle.js');
+        shouldNotExist('src/emulated.css.shim.ngstyle.d.ts');
+        // Then compile again, using the previous .metadata.json as input.
+        writeConfig(`{
+            "extends": "./tsconfig-base.json",
+            "angularCompilerOptions": {
+              "enableSummariesForJit": true,
+              "skipTemplateCodegen": false
+            },
+            "compilerOptions": {
+              "outDir": "built"
+            },
+            "include": ["lib/**/*.d.ts"]
+          }`);
+        write('lib/src/plain.css', 'div {}');
+        write('lib/src/emulated.css', 'div {}');
+        exitCode = mainSync(['-p', path.join(basePath, 'tsconfig.json')], errorSpy);
+        expect(exitCode).toEqual(0);
+        outDir = path.resolve(basePath, 'built', 'lib', 'src');
+        expectAllGeneratedFilesToExist();
+      });
+    });
+
     describe('closure', () => {
       it('should not generate closure specific code by default', () => {
         writeConfig(`{
@@ -473,40 +649,15 @@ describe('ngc transformer command-line', () => {
       });
     });
 
-    const shouldExist = (fileName: string) => {
-      if (!fs.existsSync(path.resolve(outDir, fileName))) {
-        throw new Error(`Expected ${fileName} to be emitted (outDir: ${outDir})`);
-      }
-    };
-    const shouldNotExist = (fileName: string) => {
-      if (fs.existsSync(path.resolve(outDir, fileName))) {
-        throw new Error(`Did not expect ${fileName} to be emitted (outDir: ${outDir})`);
-      }
-    };
-
     it('should be able to generate a flat module library', () => {
       writeConfig(`
         {
+          "extends": "./tsconfig-base.json",
           "angularCompilerOptions": {
-            "genDir": "ng",
             "flatModuleId": "flat_module",
             "flatModuleOutFile": "index.js",
             "skipTemplateCodegen": true
           },
-
-          "compilerOptions": {
-            "target": "es5",
-            "experimentalDecorators": true,
-            "noImplicitAny": true,
-            "moduleResolution": "node",
-            "rootDir": "",
-            "declaration": true,
-            "lib": ["es6", "dom"],
-            "baseUrl": ".",
-            "outDir": "built",
-            "typeRoots": ["node_modules/@types"]
-        },
-
           "files": ["public-api.ts"]
         }
       `);
@@ -545,128 +696,6 @@ describe('ngc transformer command-line', () => {
       shouldExist('index.metadata.json');
     });
 
-    describe('with a third-party library', () => {
-      const writeGenConfig = (skipCodegen: boolean) => {
-        writeConfig(`{
-          "angularCompilerOptions": {
-            "skipTemplateCodegen": ${skipCodegen},
-            "enableSummariesForJit": true
-          },
-          "compilerOptions": {
-            "target": "es5",
-            "experimentalDecorators": true,
-            "noImplicitAny": true,
-            "moduleResolution": "node",
-            "rootDir": "",
-            "declaration": true,
-            "lib": ["es6", "dom"],
-            "baseUrl": ".",
-            "outDir": "built",
-            "typeRoots": ["node_modules/@types"]
-          }
-        }`);
-      };
-      beforeEach(() => {
-        write('comp.ts', `
-          import {Component} from '@angular/core';
-
-          @Component({
-            selector: 'third-party-comp',
-            template: '<div>3rdP-component</div>',
-          })
-          export class ThirdPartyComponent {
-          }`);
-        write('directive.ts', `
-          import {Directive, Input} from '@angular/core';
-
-          @Directive({
-            selector: '[thirdParty]',
-            host: {'[title]': 'thirdParty'},
-          })
-          export class ThirdPartyDirective {
-            @Input() thirdParty: string;
-          }`);
-        write('module.ts', `
-          import {NgModule} from '@angular/core';
-
-          import {ThirdPartyComponent} from './comp';
-          import {ThirdPartyDirective} from './directive';
-          import {AnotherThirdPartyModule} from './other_module';
-
-          @NgModule({
-            declarations: [
-              ThirdPartyComponent,
-              ThirdPartyDirective,
-            ],
-            exports: [
-              AnotherThirdPartyModule,
-              ThirdPartyComponent,
-              ThirdPartyDirective,
-            ],
-            imports: [AnotherThirdPartyModule]
-          })
-          export class ThirdpartyModule {
-          }`);
-        write('other_comp.ts', `
-          import {Component} from '@angular/core';
-
-          @Component({
-            selector: 'another-third-party-comp',
-            template: \`<div i18n>other-3rdP-component
-          multi-lines</div>\`,
-          })
-          export class AnotherThirdpartyComponent {
-          }`);
-        write('other_module.ts', `
-          import {NgModule} from '@angular/core';
-          import {AnotherThirdpartyComponent} from './other_comp';
-
-          @NgModule({
-            declarations: [AnotherThirdpartyComponent],
-            exports: [AnotherThirdpartyComponent],
-          })
-          export class AnotherThirdPartyModule {
-          }`);
-      });
-      const modules = ['comp', 'directive', 'module', 'other_comp', 'other_module'];
-      it('should honor skip code generation', () => {
-        // First ensure that we skip code generation when requested;.
-        writeGenConfig(/* skipCodegen */ true);
-        const exitCode = mainSync(['-p', path.join(basePath, 'tsconfig.json')], errorSpy);
-        expect(exitCode).toEqual(0);
-        modules.forEach(moduleName => {
-          shouldExist(moduleName + '.js');
-          shouldExist(moduleName + '.d.ts');
-          shouldExist(moduleName + '.metadata.json');
-          shouldNotExist(moduleName + '.ngfactory.js');
-          shouldNotExist(moduleName + '.ngfactory.d.ts');
-          shouldNotExist(moduleName + '.ngsummary.js');
-          shouldNotExist(moduleName + '.ngsummary.d.ts');
-          shouldNotExist(moduleName + '.ngsummary.json');
-        });
-      });
-      it('should produce factories', () => {
-        // First ensure that we skip code generation when requested;.
-        writeGenConfig(/* skipCodegen */ false);
-        const exitCode = mainSync(['-p', path.join(basePath, 'tsconfig.json')], errorSpy);
-        expect(exitCode).toEqual(0);
-        modules.forEach(moduleName => {
-          shouldExist(moduleName + '.js');
-          shouldExist(moduleName + '.d.ts');
-          shouldExist(moduleName + '.metadata.json');
-          if (!/(directive)|(pipe)/.test(moduleName)) {
-            shouldExist(moduleName + '.ngfactory.js');
-            shouldExist(moduleName + '.ngfactory.d.ts');
-          }
-          shouldExist(moduleName + '.ngsummary.js');
-          shouldExist(moduleName + '.ngsummary.d.ts');
-          shouldExist(moduleName + '.ngsummary.json');
-          shouldNotExist(moduleName + '.ngfactory.metadata.json');
-          shouldNotExist(moduleName + '.ngsummary.metadata.json');
-        });
-      });
-    });
-
     describe('with tree example', () => {
       beforeEach(() => {
         writeConfig();
@@ -703,52 +732,41 @@ describe('ngc transformer command-line', () => {
       });
     });
 
-    describe('with summary libraries', () => {
+    it('should be able to compile multiple libraries with summaries', () => {
-      // TODO{chuckj}: Emitting using summaries only works if outDir is set to '.'
+      // Note: we need to emit the generated code for the libraries
-      const shouldExist = (fileName: string) => {
+      // into the node_modules, as that is the only way that we
-        if (!fs.existsSync(path.resolve(basePath, fileName))) {
+      // currently support when using summaries.
-          throw new Error(`Expected ${fileName} to be emitted (basePath: ${basePath})`);
+      // TODO(tbosch): add support for `paths` to our CompilerHost.fileNameToModuleName
-        }
+      // and then use `paths` here instead of writing to node_modules.
-      };
+
-      const shouldNotExist = (fileName: string) => {
+      // Angular
-        if (fs.existsSync(path.resolve(basePath, fileName))) {
+      write('tsconfig-ng.json', `{
-          throw new Error(`Did not expect ${fileName} to be emitted (basePath: ${basePath})`);
+          "extends": "./tsconfig-base.json",
-        }
-      };
-      beforeEach(() => {
-        const writeConfig =
-            (dir: string, generateCodeForLibraries = false, includes: string[] = [],
-             excludes: string[] = []) => {
-              write(path.join(dir, 'tsconfig.json'), `
-          {
           "angularCompilerOptions": {
-              "generateCodeForLibraries": ${generateCodeForLibraries},
+            "generateCodeForLibraries": true
+          },
+          "compilerOptions": {
+            "outDir": "."
+          },
+          "include": ["node_modules/@angular/core/**/*"],
+          "exclude": [
+            "node_modules/@angular/core/test/**",
+            "node_modules/@angular/core/testing/**"
+          ]
+        }`);
+
+      // Lib 1
+      write('lib1/tsconfig-lib1.json', `{
+          "extends": "../tsconfig-base.json",
+          "angularCompilerOptions": {
+            "generateCodeForLibraries": false,
             "enableSummariesForJit": true
           },
           "compilerOptions": {
-              "target": "es5",
+            "rootDir": ".",
-              "experimentalDecorators": true,
+            "outDir": "../node_modules/lib1_built"
-              "noImplicitAny": true,
-              "moduleResolution": "node",
-              "rootDir": "",
-              "declaration": true,
-              "lib": ["es6", "dom"],
-              "baseUrl": ".",
-              "paths": { "lib1/*": ["../lib1/*"], "lib2/*": ["../lib2/*"] },
-              "typeRoots": []
           }
-            ${includes.length?',"include":["' + includes.join('","')+'"]':''}
-            ${excludes.length?',"exclude":["' + excludes.join('","')+'"]':''}
         }`);
-            };
-
-        // Angular
-        writeConfig(
-            'ng', /* generateCodeForLibraries */ true, ['../node_modules/@angular/core/**/*'],
-            ['../node_modules/@angular/core/test/**', '../node_modules/@angular/core/testing/**']);
-
-        // Lib 1
-        writeConfig('lib1', /* generateCodeForLibraries */ false);
       write('lib1/module.ts', `
           import {NgModule} from '@angular/core';
 
@@ -761,16 +779,35 @@ describe('ngc transformer command-line', () => {
         `);
 
       // Lib 2
-        writeConfig('lib2', /* generateCodeForLibraries */ false);
+      write('lib2/tsconfig-lib2.json', `{
+          "extends": "../tsconfig-base.json",
+          "angularCompilerOptions": {
+            "generateCodeForLibraries": false,
+            "enableSummariesForJit": true
+          },
+          "compilerOptions": {
+            "rootDir": ".",
+            "outDir": "../node_modules/lib2_built"
+          }
+        }`);
       write('lib2/module.ts', `
-          export {Module} from 'lib1/module';
+          export {Module} from 'lib1_built/module';
         `);
 
       // Application
-        writeConfig('app');
+      write('app/tsconfig-app.json', `{
+          "extends": "../tsconfig-base.json",
+          "angularCompilerOptions": {
+            "generateCodeForLibraries": false
+          },
+          "compilerOptions": {
+            "rootDir": ".",
+            "outDir": "../built/app"
+          }
+        }`);
       write('app/main.ts', `
           import {NgModule, Inject} from '@angular/core';
-          import {Module} from 'lib2/module';
+          import {Module} from 'lib2_built/module';
 
           @NgModule({
             imports: [Module]
@@ -779,43 +816,36 @@ describe('ngc transformer command-line', () => {
             constructor(@Inject('foo') public foo: any) {}
           }
         `);
-      });
 
-      it('should be able to compile library 1', () => {
+      expect(mainSync(['-p', path.join(basePath, 'tsconfig-ng.json')], errorSpy)).toBe(0);
-        expect(mainSync(['-p', path.join(basePath, 'ng')], errorSpy)).toBe(0);
+      expect(mainSync(['-p', path.join(basePath, 'lib1', 'tsconfig-lib1.json')], errorSpy)).toBe(0);
-        expect(mainSync(['-p', path.join(basePath, 'lib1')], errorSpy)).toBe(0);
+      expect(mainSync(['-p', path.join(basePath, 'lib2', 'tsconfig-lib2.json')], errorSpy)).toBe(0);
-        shouldExist('lib1/module.js');
+      expect(mainSync(['-p', path.join(basePath, 'app', 'tsconfig-app.json')], errorSpy)).toBe(0);
-        shouldExist('lib1/module.ngsummary.json');
-        shouldExist('lib1/module.ngsummary.js');
-        shouldExist('lib1/module.ngsummary.d.ts');
-        shouldExist('lib1/module.ngfactory.js');
-        shouldExist('lib1/module.ngfactory.d.ts');
-      });
 
-      it('should be able to compile library 2', () => {
+      // library 1
-        expect(mainSync(['-p', path.join(basePath, 'ng')], errorSpy)).toBe(0);
+      // make `shouldExist` / `shouldNotExist` relative to `node_modules`
-        expect(mainSync(['-p', path.join(basePath, 'lib1')], errorSpy)).toBe(0);
+      outDir = path.resolve(basePath, 'node_modules');
-        expect(mainSync(['-p', path.join(basePath, 'lib2')], errorSpy)).toBe(0);
+      shouldExist('lib1_built/module.js');
-        shouldExist('lib2/module.js');
+      shouldExist('lib1_built/module.ngsummary.json');
-        shouldExist('lib2/module.ngsummary.json');
+      shouldExist('lib1_built/module.ngsummary.js');
-        shouldExist('lib2/module.ngsummary.js');
+      shouldExist('lib1_built/module.ngsummary.d.ts');
-        shouldExist('lib2/module.ngsummary.d.ts');
+      shouldExist('lib1_built/module.ngfactory.js');
-        shouldExist('lib2/module.ngfactory.js');
+      shouldExist('lib1_built/module.ngfactory.d.ts');
-        shouldExist('lib2/module.ngfactory.d.ts');
-      });
 
-      describe('building an application', () => {
+      // library 2
-        beforeEach(() => {
+      // make `shouldExist` / `shouldNotExist` relative to `node_modules`
-          expect(mainSync(['-p', path.join(basePath, 'ng')], errorSpy)).toBe(0);
+      outDir = path.resolve(basePath, 'node_modules');
-          expect(mainSync(['-p', path.join(basePath, 'lib1')], errorSpy)).toBe(0);
+      shouldExist('lib2_built/module.js');
-          expect(mainSync(['-p', path.join(basePath, 'lib2')], errorSpy)).toBe(0);
+      shouldExist('lib2_built/module.ngsummary.json');
-        });
+      shouldExist('lib2_built/module.ngsummary.js');
+      shouldExist('lib2_built/module.ngsummary.d.ts');
+      shouldExist('lib2_built/module.ngfactory.js');
+      shouldExist('lib2_built/module.ngfactory.d.ts');
 
-        it('should build without error', () => {
+      // app
-          expect(mainSync(['-p', path.join(basePath, 'app')], errorSpy)).toBe(0);
+      // make `shouldExist` / `shouldNotExist` relative to `built`
+      outDir = path.resolve(basePath, 'built');
       shouldExist('app/main.js');
     });
   });
 });
-  });
-});