¿Qué sucederá si el mapa fuente se establece como falso en Angular?

2 minutos de lectura

Soy nuevo en Angular. Yo vi sourcemap en tsconfig.json y por defecto es "sourceMap": true. Tenía algunas dudas y encontré útil este enlace. Todavía tengo la siguiente duda respecto al mismo.

lo puse "sourceMap": false, pero no pudo encontrar ningún cambio en la aplicación. ¿Cuál será el cambio real si lo configuro?

Avatar de usuario de Shaun Luttin
Shaun Lutin

Nada cambiará en cómo se ejecuta la aplicación.

El cambio estará en su experiencia de depuración.

Mapas fuente son útiles para depurar código. Escribes tu código en TypeScript y el compilador lo convierte fuente código en JavaScript. Cuando su aplicación se ejecuta en un navegador como Firefox, el navegador ejecuta JavaScript. Aunque el navegador ejecuta ese JavaScript, si abre el depurador en Firefox, el depurador mostrará el código fuente de TypeScript y le permitirá establecer puntos de interrupción en él. El depurador puede hacerlo gracias a los mapas de origen, que asignan el código fuente de TypeScript al código de tiempo de ejecución de JavaScript. Eso es lo que hacen los mapas fuente: asignan el código fuente al código de tiempo de ejecución para habilitar la depuración del código fuente en tiempo de ejecución.

  • esto es lo que absolutamente estaba buscando. Pero una pregunta más es que Angular 12 se ejecuta en modo de producción de forma predeterminada y, debido a esto, tampoco puedo depurar. No puedo encontrar la configuración para establecerlo en el modo de desarrollo, así que puedo depurar. ¿Puede sugerir qué puedo hacer para resolverlo?

    – ammad khan

    20 de mayo de 2021 a las 7:27

  • Puede usar el comando ng serve -o para depurar su aplicación angular antes de ejecutar el comando ng build. @ammadkhan

    – Desarrollador

    2 de julio de 2021 a las 8:22

sourceMap es solo para la experiencia de desarrollo (depuración) y normalmente no necesita estos archivos en la compilación de producción y si verifica angular.json encontrará que está configurado como falso para usted

  "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
    }

Cuando el sourceMap ajustado a false. la salida se construirá sin un archivo de mapa fuente. Y no puede depurar con el navegador en el archivo ts sin eso.

¿Ha sido útil esta solución?