在 TypeScript 项目中，我们通常使用 ES6 的 import/export 语法来导入和导出模块。但是在某些情况下，可能需要使用 CommonJS 的 require 语法来引用常规的 js 文件。本文将介绍如何在 TypeScript 项目中使用 require 引用常规 js 文件，并提供示例代码。
为什么需要使用 require？
在 TypeScript 项目中，我们通常使用 ES6 的 import/export 语法来导入和导出模块。这种语法非常方便，可以在编译时进行类型检查和模块解析。但是在某些情况下，可能需要使用 CommonJS 的 require 语法来引用常规的 js 文件。比如：
- 你需要引用一个没有使用模块化语法的第三方库。
- 你需要引用一个 TypeScript 编译后的 js 文件。
- 你需要引用一个旧的 JavaScript 代码库，它还没有被重构为模块化语法。
在这些情况下，使用 require 引用常规 js 文件是非常必要的。
如何使用 require？
在 TypeScript 项目中，使用 require 引用常规 js 文件需要先安装 @types/node 这个类型定义库。这个库提供了 Node.js 中的类型定义，包括 require 函数的类型定义。你可以在项目中通过以下命令安装它：
--- ------- ---------- -----------
安装完 @types/node 后，你可以在 TypeScript 代码中使用 require 函数，如下所示：
----- -------- - -------------------------
在这个例子中，我们引用了一个名为 myModule.js 的常规 js 文件。需要注意的是，在使用 require 引用常规 js 文件时，需要指定文件的相对路径。如果你使用了绝对路径，会导致编译错误。
使用 require 引用常规 js 文件时，需要修改 TypeScript 的配置文件 tsconfig.json。在这个文件中，你需要设置 allowJs 和 esModuleInterop 两个选项。allowJs 选项允许 TypeScript 编译器编译 js 文件，esModuleInterop 选项允许 TypeScript 编译器将 CommonJS 模块转换为 ES6 模块。修改后的 tsconfig.json 文件如下所示：
-
------------------ -
--------- ------
--------- ------
---------- -----
------------------ ----
--
---------- ------------
-修改完 tsconfig.json 文件后，你就可以在 TypeScript 代码中使用 require 引用常规 js 文件了。
示例代码
下面是一个使用 require 引用常规 js 文件的示例代码：
-- ---- -- -- ----- -------- - ------------------------- -- ---- -- ------ --------------------
在这个示例代码中，我们引用了一个名为 myModule.js 的常规 js 文件，并调用了它的一个函数 sayHello()。
总结
在 TypeScript 项目中，使用 require 引用常规 js 文件是非常必要的。在使用 require 引用常规 js 文件时，需要先安装 @types/node 这个类型定义库，并修改 TypeScript 的配置文件 tsconfig.json。使用 require 引用常规 js 文件可以让我们更加灵活地使用第三方库和旧的 JavaScript 代码库。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6552b1c4d2f5e1655dc64dd4