简介
@gitzone/tsbuild 是一个基于 TypeScript 的构建工具，它提供了一些优秀的特性，例如更好的类型推断、代码的可读性以及更好的代码重构。它解决了修改 webpack 配置时繁琐的问题，让我们更专注于业务开发。
安装
在使用 @gitzone/tsbuild 前，我们需要安装它，安装命令如下：
npm install @gitzone/tsbuild --save-dev
安装完毕之后，通过下面的命令，我们可以在项目中开始使用它：
npx tsbuild init
配置
配置文件在使用上显得更加重要，我们需要了解 @gitzone/tsbuild 的配置文件。
下面是 @gitzone/tsbuild 的默认配置：
-- -------------------- ---- -------
-
-------- ---------------
--------- -
------- -------
----------- ----------
--
------------- -----
---------- -
------------- ------- ------- ------ -------
--
-------- -
-
------- --------------
------ -
--------------------------
-
--------- ------------
---------- -
---------------- ----
-
-
--
---------- --------------
--
-
------- -----------------------
------ -
-------------
-
--
-
------- ------------------------------
------ -
-------------
-
-
-
-它包含了以下字段：
- entry：入口文件
- output：构建后的输出目录
- publicPath：静态资源地址前缀，一般使用 "./"
- resolve：文件后缀名，支持 TypeScript、JavaScript、JSX 和 TypeScript XML
- rules：构建规则，使用 @gitzone/tsbuild/loader 解析 TypeScript 文件
在浏览器中使用 JavaScript 类库时，需要将类库打包成一个文件后在引入，而在 node.js 中则不需要。实现这个需求是很简单的。
{
"output": {
"libraryTarget": "umd",
"library": "myClassName",
},
}其中，libraryTarget 可以设置为 commonjs、amd、umd 或者 window，直接使用 library 作为全局变量。
运行
在配置完毕之后，我们就可以运行起来，让它将编写的 TypeScript 代码构建发布出来。
开发模式
npm run dev
打包发布
npm run build
结束语
@gitzone/tsbuild 方便了前端开发工作，在开发 react、vue 和 node.js 应用程序时是非常有用的。它大大减少了开发人员处理构建工具方面的负担，使他们能够专注于业务逻辑的开发。如果您对 TypeScript 开源社区感兴趣，那么我们希望您在这个社区中留下自己的足迹。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/198060