ts引用外部js链接
时间: 2024-09-12 07:11:40 浏览: 51
在TypeScript项目中引用外部JavaScript文件通常有两种方式:通过声明文件(.d.ts)和通过模块加载器。
1. 使用声明文件:创建一个声明文件,比如`external.js.d.ts`,在这个文件中声明外部JavaScript文件中所有可用的全局变量、函数和对象。例如,如果你有一个外部JavaScript文件`external.js`,你可以创建一个`external.js.d.ts`声明文件来描述它的内容:
```typescript
// external.js.d.ts
declare const someFunction: (param: string) => number;
declare const someVariable: string;
```
然后在TypeScript文件中直接引用`external.js`,TypeScript编译器会根据声明文件中的信息识别出外部JavaScript文件中声明的变量和函数。
2. 使用模块加载器:如果你使用的是模块化的JavaScript代码(比如CommonJS或AMD模块),可以在TypeScript中使用导入语句来引入这些模块。例如,如果你的JavaScript文件使用了CommonJS模块规范,你可以在TypeScript中这样引用:
```typescript
// 在TypeScript文件中
import * as external from './external.js';
external.someFunction('hello');
```
TypeScript编译器会根据import语句生成相应的JavaScript代码,以便在运行时加载模块。
使用这些方法时,请确保你的TypeScript配置文件(tsconfig.json)正确设置,以便正确编译和引用外部代码。
阅读全文