介绍
在前端开发过程中，我们经常需要使用 TypeScript 来编写代码，并使用 webpack 来打包和构建应用程序。但是，webpack 没有直接支持 TypeScript，所以我们需要使用一些插件来将 TypeScript 代码转换为 JavaScript 代码，然后再由 webpack 处理这些代码。
@northbrook/ts-build 是一个可以将 TypeScript 代码转换为 JavaScript 代码的 npm 包，它可以让我们更轻松地使用 TypeScript 和 webpack 构建应用程序。它是一个基于 TypeScript 的构建工具，它可以快速配置 TypeScript 项目中的所有构建任务，包括编译、打包、测试等。这个包非常易于使用，可以为您的 TypeScript 项目提供良好的构建体验。
安装
在项目目录中执行以下命令：
npm install --save-dev @northbrook/ts-build
使用方法
为了使用 @northbrook/ts-build，您需要使用 northbrook CLI。
初始化
在项目目录中执行以下命令来初始化 northbrook：
npx northbrook init
在初始化期间，选择 TypeScript 作为您的项目语言，并使用默认选项进行设置。在设置过程中，您将看到一个选项，询问您是否要在构建过程中使用 @northbrook/ts-build。
配置
@northbrook/ts-build 需要一个配置文件来指定它应该执行哪些任务。在您的项目根目录中创建一个名为 northbrook.ts 的文件，并添加以下代码：
import { build } from "@northbrook/ts-build";
build({
input: ["src/**/*.ts"],
output: "dist",
});这个配置将输入 TypeScript 文件（在 src 目录下）并将它们编译为 JavaScript 文件，并将输出文件放入 dist 目录中。
运行任务
在您的项目目录中执行以下命令来运行构建任务：
npx northbrook build
这将运行 northbrook.ts 中的 build 任务，并将 TypeScript 代码转换为 JavaScript 代码。
添加更多任务
@northbrook/ts-build 可以支持很多任务，例如：测试、打包等。您可以在 northbrook.ts 中添加其他任务，例如：
-- -------------------- ---- ------- ------ - ------ ----- ---- - ---- ----------------------- ------- ------ ---------------- ------- ------- --- ------ ------ ---------------- ------- ------ --- ------ ------ --------------- ---
这将在运行 northbrook build 时编译 TypeScript 代码，并将输出文件放入 dist 目录中。在运行 northbrook pack 时，它将打包 dist/index.js，并将输出文件放入 pkg 目录中。在运行 northbrook test 时，它将运行所有测试。
总结
使用 @northbrook/ts-build 包，您可以更轻松地使用 TypeScript 和 webpack 构建应用程序。它是一个使用简单的基于 TypeScript 的构建工具，可以快速配置 TypeScript 项目中的所有构建任务，包括编译、打包、测试等。这个包非常易于使用，可以为您的 TypeScript 项目提供良好的构建体验，强烈建议您在项目中使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcd967216659e244a6a