feat(@angular-devkit/build-angular): support of tsx absolute path import (#11450)

Author: psamusev

packages/ngtools/webpack/src/angular_compiler_plugin.ts

@@ -127,7 +127,7 @@ export class AngularCompilerPlugin {
   private _platform: PLATFORM;
   private _JitMode = false;
   private _emitSkipped = true;
-  private _changedFileExtensions = new Set(['ts', 'html', 'css']);
+  private _changedFileExtensions = new Set(['ts', 'tsx', 'html', 'css']);
 
   // Webpack plugin.
   private _firstRun = true;

packages/ngtools/webpack/src/paths-plugin.ts

@@ -27,7 +27,7 @@ export function resolveWithPaths(
   }
 
   // Only work on Javascript/TypeScript issuers.
-  if (!request.contextInfo.issuer || !request.contextInfo.issuer.match(/\.[jt]s$/)) {
+  if (!request.contextInfo.issuer || !request.contextInfo.issuer.match(/\.[jt]sx?$/)) {
     callback(null, request);
 
     return;

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

@@ -102,5 +102,5 @@ export function transformTypescript(
   }
 
   // Return the transpiled js.
-  return compilerHost.readFile(fileName.replace(/\.ts$/, '.js'));
+  return compilerHost.readFile(fileName.replace(/\.tsx?$/, '.js'));
 }