fix(@schematics/angular): do not set esModuleInterop and moduleResolution when module is preserve

Author: Deku-nattsu

packages/schematics/angular/migrations/use-application-builder/migration.ts

@@ -35,6 +35,7 @@ import {
   hasPostcssConfiguration,
   updateStyleImports,
 } from './stylesheet-updates';
+import { JsonObject } from '@angular-devkit/core';
 
 function* updateBuildTarget(
   projectName: string,
@@ -362,10 +363,21 @@ export default function (): Rule {
     ),
     // Update main tsconfig
     updateJsonFile('tsconfig.json', (rootJson) => {
-      rootJson.modify(['compilerOptions', 'esModuleInterop'], true);
+      let hasPreserveModule = false;
+      const compilerOptions = rootJson.get(['compilerOptions']);
+
+      if (compilerOptions && typeof compilerOptions === 'object') {
+        const { module } = compilerOptions as JsonObject;
+        hasPreserveModule = typeof module === 'string' && module.toLowerCase() === 'preserve';
+      }
+
+      if (!hasPreserveModule) {
+        rootJson.modify(['compilerOptions', 'esModuleInterop'], true);
+        rootJson.modify(['compilerOptions', 'moduleResolution'], 'bundler');
+      }
+
       rootJson.modify(['compilerOptions', 'downlevelIteration'], undefined);
       rootJson.modify(['compilerOptions', 'allowSyntheticDefaultImports'], undefined);
-      rootJson.modify(['compilerOptions', 'moduleResolution'], 'bundler');
     }),
   ]);
 }