Was passiert, wenn sourcemap in Angular auf false gesetzt ist

Ich bin neu in Angular. ich sah sourcemap in tsconfig.json und standardmäßig ist es "sourceMap": true. Ich hatte einige Zweifel und fand diesen Link nützlich. Dennoch habe ich die folgenden Zweifel bezüglich des gleichen.

ich setze "sourceMap": false, konnte aber keine Änderung in der App finden. Was wird die tatsächliche Änderung sein, wenn ich das so einstelle?

An der Funktionsweise der App ändert sich nichts.

Die Änderung erfolgt in Ihrer Debugging-Erfahrung.

Quellkarten sind hilfreich beim Debuggen von Code. Sie schreiben Ihren Code in TypeScript, und der Compiler dreht das um Quelle Code in JavaScript. Wenn Ihre App in einem Browser wie Firefox ausgeführt wird, führt der Browser das JavaScript aus. Auch wenn der Browser dieses JavaScript ausführt, zeigt der Debugger beim Öffnen des Debuggers in Firefox den TypeScript-Quellcode an und ermöglicht es Ihnen, Haltepunkte darin zu setzen. Der Debugger kann dies aufgrund von Source Maps tun, die den TypeScript-Quellcode auf den JavaScript-Laufzeitcode abbilden. Das ist, was Source Maps tun: Sie bilden den Quellcode auf den Laufzeitcode ab, um das Debuggen des Quellcodes zur Laufzeit zu ermöglichen.

sourceMap ist nur für Entwicklungserfahrung (Debuggen) und normalerweise benötigen Sie diese Dateien im Produktions-Build nicht, und wenn Sie angle.json überprüfen, werden Sie feststellen, dass es für Sie auf false gesetzt ist

  "configurations": {
    "production": {
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.prod.ts"
        }
      ],
      "optimization": true,
      "outputHashing": "all",
      "sourceMap": false,  <----
      "extractCss": true,
      "namedChunks": false,
      "aot": true,
      "extractLicenses": true,
      "vendorChunk": false,
      "buildOptimizer": true
    }

Wenn die sourceMap einstellen false. Die Ausgabe wird ohne eine Sourcemap-Datei erstellt. Und ohne das können Sie mit dem Browser keine ts-Datei debuggen.

sourcemap-Eigenschaft verbessert Ihre Debugging-Erfahrung, obwohl der Browser Typoskript nicht verstehen kann, schafft er es, Ihren Typoskript-Code auf Javascript-Code abzubilden. Falls wir es deaktivieren müssen, müssen wir es ändern angle.json Datei

{
  "sourceMap": false, -- modify this attribute
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.prod.ts"
      }
    ]
}