TypeScript 如何将多个文件编译成单个文件

在本文中，我们将学习如何将多个TypeScript文件编译为单个文件。这里有两种方法可以跟随：

方法1： 将多个TypeScript文件编译为单个JavaScript文件。我们只需要使用以下语法：

语法：

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

解释：

tsc： 它代表TypeScript编译器，用于调用编译器以编译TypeScript文件。
--out： 这是一个CLI（命令行界面）命令，它将TypeScript文件连接起来并将输出发送到一个单独的JS文件。
outputFile.js： 这是保存TypeScript文件编译结果的JavaScript文件。
typeScriptFile1、typeScriptFile2 … typeScriptFilen： 要编译的TypeScript文件。
示例： 这里，三个TypeScript文件script.ts、index.ts和app.ts被编译为一个单独的JavaScript文件output.js。随后，通过以下CLI命令执行JavaScript文件： ****

node output.js

script.ts

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]); 
}

index.ts

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

app.ts

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]); 
}

生成的输出JavaScript文件为“output.js”

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]); 
}

输出：

TypeScript 如何将多个文件编译成单个文件

方法2： 将多个 Typescript 文件编译为单个 TypeScript 文件。我们使用以下语法：

语法：

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

解释：

tsc： 它代表 TypeScript 编译器，用于调用编译器以编译 TypeScript 文件。
-out： 它是一个 CLI（命令行界面）命令，用于合并 TypeScript 文件并将输出发到单个 TypeScript 文件中。
outputFile.ts： TypeScript 文件，保存编译后的结果。
typeScriptFile1, typeScriptFile2 … typeScriptFilen： 要编译的 TypeScript 文件。

例子： 在这里，三个 TypeScript 文件 file1.ts ， file2.ts 和 file3.ts 编译为一个单独的 TypeScript 文件 output.ts。然后，将结果 TypeScript 文件编译为 JavaScript 文件 output.js ，然后使用以下 CLI 命令执行 JavaScript 文件：

tsc output.ts
node output.js

file1.ts

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

file2.ts

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

file3.ts

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

生成的输出TypeScript文件为“output.ts”

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]); 
}

生成的输出JavaScript文件为“output.js”

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]); 
}

输出：

TypeScript 如何将多个文件编译成单个文件