在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文件,這樣可以更加靈活地處理依賴關系和模塊化。