在TypeScript中引入JavaScript文件的方法与在JavaScript中引入相同,可以使用<script>
标签来引入外部JavaScript文件。
在TypeScript项目中,可以在.ts
文件中使用<script>
标签来引入JavaScript文件,但是需要在.tsconfig
文件中添加配置来告诉TypeScript编译器不要对JavaScript文件进行类型检查。
以下是一个示例:
example.js
,内容如下:// example.js
function greet(name) {
console.log(`Hello, ${name}!`);
}
app.ts
:// app.ts
// 引入example.js文件
<script src="example.js"></script>
// 调用example.js中的函数
greet("World");
.tsconfig
文件中添加allowJs
和checkJs
配置:// tsconfig.json
{
"compilerOptions": {
// ...
"allowJs": true,
"checkJs": false
}
}
这样,TypeScript编译器就会忽略对JavaScript文件的类型检查,而只进行编译。注意,在引入JavaScript文件时要注意文件路径是否正确。
另外,还可以使用模块加载器(如Webpack、RequireJS等)来管理和引入JavaScript文件,这样可以更加灵活地处理依赖关系和模块化。
辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
推荐阅读: typescript怎么引入js文件