如何将多个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

const myArr = [1, 2, 3, 4, 5];
   
console.log("文件1的内容");
   
for (let i = 0; i < myArr.length; i++) {
  console.log(myArr[i]);
}

const GFG = ["Geeks", "For", "Geeks"];
   
console.log("\n文件2的内容");
   
for (let i = 0; i < GFG.length; i++) {
  console.log(GFG[i]);
}

const geeks = [true, false, 2.5, 5];
   
console.log("\n文件3的内容");
   
for (let i = 0; i < geeks.length; i++) {
  console.log(geeks[i]);
}

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

var myArr = [1, 2, 3, 4, 5];
   
console.log("文件1的内容");
   
for (var i = 0; i < myArr.length; i++) {
    console.log(myArr[i]);
}
   
var GFG = ["Geeks", "For", "Geeks"];
   
console.log("\n文件2的内容");
   
for (var i = 0; i < GFG.length; i++) {
    console.log(GFG[i]);
}
   
var geeks = [true, false, 2.5, 5];
   
console.log("\n文件3的内容");
   
for (var i = 0; i < geeks.length; i++) {
    console.log(geeks[i]);
}

输出：

如何将多个Typescript文件编译为一个文件

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

解释：

tsc: 它代表TypeScript编译器，用于调用编译器以编译TypeScript文件。
–out: 这是一个CLI（命令行界面）命令，将TypeScript文件连接起来并将输出发射到一个单独的TypeScript文件中。
outputFile.ts: 编译TypeScript文件的结果的TypeScript文件。
typeScriptFile1, typeScriptFile2 … typeScriptFilen: 要编译的TypeScript文件。

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

> tsc output.ts
> node output.js

> let i = 1;
> console.log("文件1的内容");
> while (i <= 5) {
>   console.log(i);
>   i++;
> }

> console.log("\n文件2的内容");
> console.log("GeeksForGeeks是一个计算机科学门户网站。");

> const geeks = [2, 4, 6, 8];
> console.log("\n文件3的内容");
> for (let i = 0; i < geeks.length; i++) {
>   console.log(geeks[i]);
> }

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

> var i = 1;
> console.log("文件1的内容");
> while (i <= 5) {
>     console.log(i);
>     i++;
> }
> console.log("\n文件2的内容");
> console.log("GeeksForGeeks是一个计算机科学门户网站。");
> var geeks = [2, 4, 6, 8];
> console.log("\n文件3的内容");
> for (var i_1 = 0; i_1 < geeks.length; i_1++) {
>     console.log(geeks[i_1]);
> }

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

> var i = 1;
> console.log("文件1的内容");
> while (i <= 5) {
>     console.log(i);
>     i++;
> }
> console.log("\n文件2的内容");
> console.log("GeeksForGeeks是一个计算机科学门户网站。");
> var geeks = [2, 4, 6, 8];
> console.log("\n文件3的内容");
> for (var i_1 = 0; i_1 < geeks.length; i_1++) {
>     console.log(geeks[i_1]);
> }

输出：

如何将多个Typescript文件编译为一个文件