Saltar al contenido

¿Cuál es el propósito de tsconfig.json?

Este equipo de especialistas despúes de ciertos días de trabajo y de recopilar de información, obtuvimos los datos necesarios, queremos que te sea útil en tu trabajo.

Solución:

El tsconfig.json corresponde a la configuración del compilador TypeScript (tsc).

Estos enlaces pueden brindarle detalles sobre estos attributes:

  • http://www.typescriptlang.org/docs/handbook/tsconfig-json.html
  • http://json.schemastore.org/tsconfig
  • https://angular.io/docs/ts/latest/guide/typescript-configuration.html#!#tsconfig

Aquí hay algunos consejos:

  • objetivo: el idioma utilizado para la salida compilada
  • módulo: el administrador de módulos utilizado en la salida compilada. system es para SystemJS, commonjs para CommonJS.
  • móduloResolución: la estrategia utilizada para resolver archivos de declaración de módulo (.d.ts archivos). Con el node enfoque, se cargan desde el node_modules carpeta como un módulo (require('module-name'))
  • fuenteMapa: genere o no archivos de mapas de origen para depurar directamente los archivos TypeScript de su aplicación en el navegador,
  • emitDecoratorMetadata: emitir o no metadatos de tipo diseño para declaraciones decoradas en fuente,
  • decoradores experimentales: habilita o no soporte experimental para decoradores ES7,
  • eliminarComentarios: quitar comentarios o no
  • noImplicitAny: permitir o no el uso de variables/parámetros sin tipos (implícito)

tsconfig.json significa que el directorio en el que se guarda es la raíz del proyecto TypeScript. El tsconfig.json El archivo especifica los archivos raíz y las opciones del compilador necesarias para compilar el proyecto.

Se espera que el compilador se ejecute según las configuraciones mencionadas:

“objetivo”: “es5” => compilará el es6 a es5 para que sea compatible con los navegadores.

“módulo”: “sistema” => especifica las generaciones de código del módulo (commonjs’, ‘amd’, ‘system’, ‘umd’, ‘es6’, etc.)

“moduleResolution”: “nodo” => Determinar cómo se resuelven los módulos

“mapafuente”: true => Genera el archivo ‘.map’ correspondiente para que pueda usarse en el código de producción para la depuración.

“eliminar Comentarios”: false => ¡Elimine todos los comentarios excepto los comentarios de cabecera con derechos de autor que comiencen con /*!

“noImplicitAny”: false => Generar error en expresiones y declaraciones con un tipo ‘cualquiera’ implícito.

Si se especifica la propiedad “excluir”, el compilador incluye todos los archivos TypeScript (*.ts o *.tsx) en el directorio y los subdirectorios que los contienen, excepto aquellos archivos o carpetas que están excluidos.

Ya hay muchas respuestas, pero me gustaría agregar un punto más sobre por qué se requiere tsconfig. Según documentos angulares

TypeScript es un lenguaje principal para el desarrollo de aplicaciones Angular. Es un superconjunto de JavaScript con soporte en tiempo de diseño para seguridad de tipos y herramientas.

Los navegadores no pueden ejecutar TypeScript directamente. El texto mecanografiado debe “transpilarse” a JavaScript utilizando el compilador tsc, que requiere alguna configuración.

Por lo general, agrega un archivo de configuración de TypeScript llamado tsconfig.json a su proyecto para guiar al compilador a medida que genera archivos JavaScript.

Para más información https://angular.io/guide/typescript-configuration

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *