El compilador de TypeScript

5/24
Recursos

Aportes 12

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Si acaso te aparece el error:

error TS6053: File 'src/*.ts' not found.
  The file is in the program because:   
    Root file specified for compilation

Se resuelve creando un archivo tsconfig.json.

Pasos:

  • 1 Posicionarte en el directorio raíz de tu proyecto.
  • Ejecutar el comando “tsc --init”
    • Esto creará el archivo tsconfig.json
  • Ejecutar el comando “npx tsc -p ./ -w”
    • Esto compilará en el mismo directorio todos tus archivos .ts
  • Modificar el target o el destino (para enviar los compilados a /dist) En el archivo tsconfig.json busca la bandera “outDir” y modifícala para que quede así: “outDir”: “./dist”,

Listo, ya tienes configurado lo necesario para seguir el curso tal cual (hasta el momento).

Nota: El tsconfig ya viene configurado para compilar a ES6, en caso de que quieras cambiar, busca la línea “target” y modifícala con el valor que necesites.

Espero le sirva a alguien.

el nombre Deno surgió de invertir Node… #theMoreYouKnow

TS resuelve la mayoria de procesos que llegan a ser algo tediosos en JS

Ese tipo de cosas hacen que javascript a veces sea tedioso de usar, typescript resuelve la mayoría de estos casos, ya de los tipos ni hablemos.

A cualquier desarrollador le conviene usar typescript.

<npx tsc  src/demo.ts --target es6>
<src/*.ts --target es6 --outDir dist> 

Summary

⚙ In the compilation process of TypeScript; TypeScript compiler (tsc) converts code to ES3/ES5/ES6.
⠀⠀
🤷‍♂️Why it is necessary to do this transpilation/compilation? Well, TypeScript isn’t supported by the browser, and Node.js
⠀⠀
‼👀 Deno it’s a library that is already supported, an alternative to Node.js
⠀⠀
👴 Why older versions? Wheter in case that we need to migrate from Javascript or basically we need to run that code in all the browsers (recommend version would be ES5) 😉

El compilador de TS

El código TS no es leído por navegadores ni servidores. Lo que se hace es transpilarlo a JS.

Podemos seleccionar una versión en específico de TS e indicar en dónde queremos que guarde el archivo JS: npx stc src/*.ts --target es6 --outDir dist

O mejor crea un archivo de configuración: tsc --init

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "outDir": "./dist",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  }
}

para agregar las configuraciones de outDir y rootDir pueden usar el comando

tsc --init

y desde alli hacer todas las configuarciones.
Tambien pueden visitar mi repo de github y leer el README para ver que comandos pueden ser utilies en TS
Repo para ver los comandos

También se puede crear un archivo tsconfig.json con la configuración para utilizar tsc

{
  "compilerOptions": {
    "target": "es6",
    "outDir": "./dist"
}

Suponiendo, que necesitaramos “sumar” un objeto con algún entero o cadena, podriamos hacer destructuring 😃

const rta = {...person,limit};
  1. Crear una carpeta en donde vamos a guardar los archivos generados despues de “compilar”
  2. Ejecutar el siguiente comando
npx tsc src/*.ts --target es6 --outDir dist

Donde:

src/*.ts: Es la ruta donde estan los archivos .ts
–target es6: Es la version de js con la que se quiere compilar.
–outDir: Es para guardar en otra carpeta los archivos generados al compilar.
dist: la carpeta donde se van a almacenar los archivos generados.

probe la extension .ts con node y ejecuto el archivo .ts
quizas porque es algo muy simple como un console.log