Agregar Typescript🕯👩‍🚒

Lo primero que haremos es agregar Typescript a nuestro proyecto para eso utilizaremos el compilador de typescript que ya instalamos globalmente en nuestro computador.

Dentro del proyecto en console ejecuta:

$ tsc --init

Se creara un archivo llamado tsconfig.json es el archivo que le indica al compilador cómo y qué tener en consideración cuando transpile de typescript a javascript.

Dale una miradita al archivo y a sus opciones en https://www.typescriptlang.org/docs/handbook/compiler-options.html

Sólo con esto ya tenemos habilitado usar Typescript en nuestro proyecto.

Script para compilar TS a JS 🍿

Primero vamos a indicarle al compilador dónde queremos que ubique nuestro código transpilado de javascript, esto se configura en el archivo tsconfig.json

1. Tu misión : es encontrar cuál es la opción en tsconfig para indicarle al compilador que transpile nuestro código en una nueva carpeta llamada ./dist

2. Ahora podemos agregar a los scripts del package.json, el script para compilar nuestro proyecto.

En package.json, cambia el value del key start : "node src/app.js" por " tsc && node dist/app.js " donde dist es la ubicación que configuraste en el tsconfig

3. Si ejecutamos npm start veremos un error que nos indica que no hay ningún archivo para transpilar pues aún no le hemos cambiado la extensión .js a .ts a nuestros archivos.

Como esto pretende ser una migración, en ocasiones preferirás no cambiar de una vez la extension de todos los archivos, si no a medida que se le va agregando tipado a un archivo.

4. Entonces para que nuestro código siga funcionando vamos a descomentar en el tsconfig la opción "allowJs": true, lo que permitirá que el compilador tenga en cuenta copiar y pegar los archivos js a nuestra carpeta de salida dist