如何自动将 ts 编译为 js

要自动将 TypeScript (ts) 编译为 JavaScript (js)，可以使用 TypeScript 提供的命令行工具 tsc。这通常在开发过程中用于将 TypeScript 源代码编译为兼容的 JavaScript 代码，以便于在浏览器或 Node.js 中运行。

背景

TypeScript 是一种超集的 JavaScript，增加了类型系统和其他特性。为了确保 TypeScript 代码能够在 JavaScript 环境中运行，必须进行编译。

方法

  1. 使用 tsc 命令

    • 在项目根目录下，执行以下命令：

      1
      tsc

    • 这会根据 tsconfig.json 文件中的配置编译所有 .ts 文件。

  2. 监视模式

    • 使用 --watch 参数自动监视文件变化：

      1
      tsc --watch

    • 这样每当 .ts 文件被修改时，tsc 会自动重新编译。

  3. 通过 npm 脚本

    • 在 package.json 中添加脚本：

      1
      2
      3
      4
      "scripts": {
        "build": "tsc",
        "watch": "tsc --watch"
      }

    • 然后可以通过命令 npm run build 或 npm run watch 来编译。

对比不同方法

方法 优点 缺点
单独使用 tsc 简单直接 不够灵活
使用监视模式 自动化，无需手动操作 资源占用较高
npm 脚本 与其他构建工具集成方便 需要额外配置

产生原因

随着项目规模扩大，手动编译变得繁琐且容易出错，因此引入自动化工具以提高开发效率和减少人为失误。