fix(@ngtools/webpack): changes in non module code are not picked up w…

packages/angular_devkit/build_angular/test/browser/rebuild_spec_large.ts

@@ -347,4 +347,42 @@ describe('Browser Builder rebuilds', () => {
     ).toPromise();
     await run.stop();
   });
+
+  it('rebuilds on changes in barrel file dependency', async () => {
+    host.writeMultipleFiles({
+      'src/index.ts': `export * from './interface'`,
+      'src/interface.ts': `export interface Foo { bar: boolean };`,
+    });
+    host.appendToFile('src/main.ts', `
+      import { Foo } from './index';
+      const x: Foo = { bar: true };
+    `);
+
+    const overrides = { watch: true, aot: false };
+    let buildNumber = 0;
+    const run = await architect.scheduleTarget(target, overrides);
+    await run.output.pipe(
+      debounceTime(1000),
+      tap((buildEvent) => {
+        buildNumber += 1;
+        switch (buildNumber) {
+          case 1:
+            expect(buildEvent.success).toBe(true);
+            host.writeMultipleFiles({
+              'src/interface.ts': `export interface Foo {
+                bar: boolean;
+                baz?: string;
+               };`,
+            });
+            break;
+
+          case 2:
+            expect(buildEvent.success).toBe(true);
+            break;
+        }
+      }),
+      take(2),
+    ).toPromise();
+    await run.stop();
+  });
 });

packages/ngtools/webpack/src/angular_compiler_plugin.ts

@@ -1052,9 +1052,18 @@ export class AngularCompilerPlugin {
     const host = this._compilerHost;
     const cache = this._moduleResolutionCache;
 
-    const esImports = collectDeepNodes<ts.ImportDeclaration>(sourceFile,
-      ts.SyntaxKind.ImportDeclaration)
+    const esImports = collectDeepNodes<ts.ImportDeclaration | ts.ExportDeclaration>(
+      sourceFile,
+      [
+        ts.SyntaxKind.ImportDeclaration,
+        ts.SyntaxKind.ExportDeclaration,
+      ],
+    )
       .map(decl => {
+        if (!decl.moduleSpecifier) {
+          return null;
+        }
+
         const moduleName = (decl.moduleSpecifier as ts.StringLiteral).text;
         const resolved = ts.resolveModuleName(moduleName, resolvedFileName, options, host, cache);
 

packages/ngtools/webpack/src/loader.ts

@@ -68,7 +68,11 @@ export function ngcLoader(this: loader.LoaderContext) {
       if (sourceFileName.endsWith('.ts')) {
         result.errorDependencies.forEach(dep => this.addDependency(dep));
         const dependencies = plugin.getDependencies(sourceFileName);
-        dependencies.forEach(dep => {
+        dependencies
+          .filter(d => d.endsWith('index.ts'))
+          .forEach(d => dependencies.push(...plugin.getDependencies(d)));
+
+        [...new Set(dependencies)].forEach(dep => {
           plugin.updateChangedFileExtensions(path.extname(dep));
           this.addDependency(dep);
         });

packages/ngtools/webpack/src/transformers/ast_helpers.ts

@@ -11,10 +11,14 @@ import { WebpackCompilerHost } from '../compiler_host';
 
 
 // Find all nodes from the AST in the subtree of node of SyntaxKind kind.
-export function collectDeepNodes<T extends ts.Node>(node: ts.Node, kind: ts.SyntaxKind): T[] {
+export function collectDeepNodes<T extends ts.Node>(
+  node: ts.Node,
+  kind: ts.SyntaxKind | ts.SyntaxKind[],
+): T[] {
+  const kinds = Array.isArray(kind) ? kind : [kind];
   const nodes: T[] = [];
   const helper = (child: ts.Node) => {
-    if (child.kind === kind) {
+    if (kinds.includes(child.kind)) {
       nodes.push(child as T);
     }
     ts.forEachChild(child, helper);