在ts文件中引入js模块,编写声明文件的方法
在TypeScript 中引入 JavaScript 模块,你需要做的是:
- 确保 TypeScript 配置文件
tsconfig.json
中包含了对 JavaScript 文件的支持。默认情况下,TypeSCript 会包括所有.ts
和.d.ts
文件,但如果你有 JavaScript 文件,需要确保它们被包括。 - 在 TypeScript 文件中使用
import
语句来引入 JavaScript 模块。 - 如果 JavaScript 模块导出了 CJS(CommonJS) 风格的模块,你可能需要将其转换为 ES 模块导出,或者在 TypeScript 中使用
require
代替import
。
例如,假设你有一个名为 example.js
的 JavaScript 模块:
// example.js
module.exports = function() {
console.log('Hello from JS');
};
你可以在 TypeScript 文件中这样引入它:
// example.d.ts (如果需要的话,你可以编写一个声明文件来明确模块的导出)
export function example(): void;
// main.ts
import { example } from './example';
example(); // 调用 JavaScript 中的函数
如果你的 JavaScript 模块使用的是 ES 模块导出,那么你不需要为其创建声明文件,TypeScript 将能够自动识别。如果你的环境不支持 ES 模块,你可能需要将 JavaScript 文件中的导出改为 CJS 风格或使用构建工具(如 webpack 或 Babel)来转换。
评论已关闭