前言
在前端开发中，我们难免会遇到需要引用一些第三方 JavaScript 库的情况。然而，有时这些库并没有提供 TypeScript 类型定义文件，会导致在 TypeScript 代码中使用时出现无法识别的类型错误。为了解决这个问题，我们通常需要手动编写对应的类型定义文件（.d.ts）。
但是，某些情况下我们可能并没有时间、能力或者足够的信息去编写这些类型定义文件。这时，一种可行的方案是通过 TypeScript 转换器（Transformer）将 JavaScript 文件“伪装”成 TypeScript 文件，以达到绕过类型检查的目的。
本文将介绍一款非常简单易用的 TypeScript 转换器：@zoltu/typescript-transformer-append-js-extension，它可以将 JavaScript 文件的扩展名修改为 .ts，并自动添加 declare module 包装，从而使 TypeScript 编译器可以将它们视为有效的 TypeScript 模块。
安装与使用
首先，我们需要通过 npm 安装 @zoltu/typescript-transformer-append-js-extension 包：
npm install --save-dev @zoltu/typescript-transformer-append-js-extension
接下来，我们需要在 TypeScript 编译器的配置文件（tsconfig.json）中配置该转换器。具体来说，我们需要将 @zoltu/typescript-transformer-append-js-extension 添加到 compilerOptions 其他选项的 plugins 数组中，如下所示：
{
"compilerOptions": {
"plugins": [
{ "transform": "@zoltu/typescript-transformer-append-js-extension" }
]
}
}完成以上步骤后，TypeScript 编译器在编译时就会自动调用该转换器，按照规定的方式“处理” JavaScript 文件。
示例
假设我们有一个名为 moment.js 的 JavaScript 文件，我们希望在 TypeScript 代码中使用它。由于 moment 本身并没有提供 TypeScript 定义文件（.d.ts），我们可以使用上述转换器绕过这个问题。
在 TypeScript 代码中，我们可以这样引用 moment.js：
import moment from './moment.js';
转换器会自动将扩展名修改为 .ts 并添加 declare module 包装，从而编译器可以正确解析它。
当然，对于一些常用的 JavaScript 库，我们通常可以通过安装对应的 @types 包来获取 TypeScript 定义文件。但对于一些较小众或者自行编写的 JavaScript 库，使用 TypeScript 转换器也是一种不错的选择。
结语
@zoltu/typescript-transformer-append-js-extension 是一款可靠且简单易用的 TypeScript 转换器，在解决一些 TypeScript 代码中无法正确解析 JavaScript 类型的问题时非常实用。本文对该转换器的安装和使用进行了详细说明，并给出了使用示例。希望能对大家的 TypeScript 开发工作有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5efd5e1b403f2923b035bb76