¿Cómo compilar múltiples archivos Typescript en un solo archivo?

En este artículo, aprenderemos cómo compilar múltiples archivos TypeScript en un solo archivo. Hay dos enfoques que se pueden seguir aquí:

Enfoque 1: Compilación de múltiples archivos Typescript en un solo archivo JavaScript. Simplemente usamos la siguiente sintaxis:

Sintaxis:

tsc –out archivo de salida.js typeScriptFile1.ts typeScriptFile2.ts … typeScriptFilen.ts

Explicación: 

• tsc: significa compilador de TypeScript que se utiliza para invocar el compilador para compilar los archivos de TypeScript.
• –out: es un comando CLI (Command Line Interface) que concatena los archivos TypeScript y emite la salida a un solo archivo JS.
• outputFile.js: el archivo JavaScript que contiene el resultado de la compilación de los archivos TypeScript.
• typeScriptFile1, typeScriptFile2 … typeScriptFilen: los archivos TypeScript que se compilarán.

Ejemplo: aquí, tres archivos TypeScript con los nombres script.ts , index.ts y app.ts se compilan en un único archivo JavaScript output.js . Posteriormente, el archivo JavaScript se ejecuta mediante el siguiente comando CLI: 

node output.js

const myArr = [1, 2, 3, 4, 5];
  
console.log("CONTENTS OF FILE 1");
  
for (let i = 0; i < myArr.length; i++) {
  console.log(myArr[i]);
}

const GFG = ["Geeks", "For", "Geeks"];
  
console.log("\nCONTENTS OF FILE 2");
  
for (let i = 0; i < GFG.length; i++) {
  console.log(GFG[i]);
}

const geeks = [true, false, 2.5, 5];
  
console.log("\nCONTENTS OF FILE 3");
  
for (let i = 0; i < geeks.length; i++) {
  console.log(geeks[i]);
}

Archivo JavaScript de salida generado «output.js»

var myArr = [1, 2, 3, 4, 5];
  
console.log("CONTENTS OF FILE 1");
  
for (var i = 0; i < myArr.length; i++) {
    console.log(myArr[i]);
}
  
var GFG = ["Geeks", "For", "Geeks"];
  
console.log("\nCONTENTS OF FILE 2");
  
for (var i = 0; i < GFG.length; i++) {
    console.log(GFG[i]);
}
  
var geeks = [true, false, 2.5, 5];
  
console.log("\nCONTENTS OF FILE 3");
  
for (var i = 0; i < geeks.length; i++) {
    console.log(geeks[i]);
}

Producción:

Enfoque 2: Compilación de múltiples archivos TypeScript en un solo archivo TypeScript. Usamos la siguiente sintaxis:

Sintaxis:

tsc –out outputFile.ts typeScriptFile1.ts typeScriptFile2.ts … typeScriptFilen.ts

Explicación:

• tsc: significa compilador de TypeScript que se utiliza para invocar el compilador para compilar los archivos de TypeScript.
• –out: es un comando CLI (Command Line Interface) que concatena los archivos TypeScript y emite la salida a un solo archivo TypeScript
• outputFile.ts: el archivo TypeScript que contiene el resultado de la compilación de los archivos TypeScript
• typeScriptFile1, typeScriptFile2 … typeScriptFilen: los archivos TypeScript que se compilarán.

Ejemplo: Aquí, tres archivos TypeScript con los nombres file1.ts , file2.ts y file3.ts se compilan en un único archivo TypeScript output.ts . Después de eso, el archivo TypeScript resultante se compila en un archivo JavaScript o utput.js y luego el archivo JavaScript se ejecuta mediante los siguientes comandos CLI: 

tsc output.ts
node output.js

let i = 1;
console.log("CONTENTS OF FILE 1");
while (i <= 5) {
  console.log(i);
  i++;
}

console.log("\nCONTENTS OF FILE 2");
console.log("GeeksForGeeks is a computer science portal for geeks.");

const geeks = [2, 4, 6, 8];
console.log("\nCONTENTS OF FILE 3");
for (let i = 0; i < geeks.length; i++) {
  console.log(geeks[i]);
}

Archivo TypeScript de salida generado «output.ts»

var i = 1;
console.log("CONTENTS OF FILE 1");
while (i <= 5) {
    console.log(i);
    i++;
}
console.log("\nCONTENTS OF FILE 2");
console.log("GeeksForGeeks is a computer science portal for geeks.");
var geeks = [2, 4, 6, 8];
console.log("\nCONTENTS OF FILE 3");
for (var i_1 = 0; i_1 < geeks.length; i_1++) {
    console.log(geeks[i_1]);
}

Archivo JavaScript de salida generado «output.js»

var i = 1;
console.log("CONTENTS OF FILE 1");
while (i <= 5) {
    console.log(i);
    i++;
}
console.log("\nCONTENTS OF FILE 2");
console.log("GeeksForGeeks is a computer science portal for geeks.");
var geeks = [2, 4, 6, 8];
console.log("\nCONTENTS OF FILE 3");
for (var i_1 = 0; i_1 < geeks.length; i_1++) {
    console.log(geeks[i_1]);
}

Producción: