首頁 > 開發者 > JavaScript
標籤：
[TypeScript] 建置輸出單一JavaScript檔案(.js)與Declaration檔案(.d.ts)問題情景開發人員使用Visual Studio來開發TypeScript，可以很方便快速的將項目裡的所有TypeScript檔案(.ts)，一口氣全部編譯成為JavaScript檔案(.js)，用以提供html網頁使用。但是當軟體項目越來越龐大的時候，過多的.js檔引用，會增加開發.html檔案時的負擔;並且每個.js檔之間的相依關係，也很容易因為引用順序的錯誤，而造成不可預期的問題。
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title>TypeScript HTML App</title> <!--Validation--> <script type="text/javascript" src="Validation/Validation.js"></script> <script type="text/javascript" src="Validation/LettersOnlyValidator.js"></script> <script type="text/javascript" src="Validation/ZipCodeValidator.js"></script></head><body></body></html>為瞭解決多個.js檔引用所造成的問題，Visual Studio在TypeScript建置設定頁面，提供了「Combine JavaScript output into file」 這個建置輸出設定。開發人員只要勾選這個設定，後續在項目通過編譯時間，Visual Studio就會自動將項目裡產生的所有.js內容，合并成為單一.js檔來輸出，讓其他HTML開發人員方便使用。
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title>TypeScript HTML App</title> <link rel="stylesheet" href="app.css" type="text/css" /> <!--Validation--> <script type="text/javascript" src="validationLibrary.js"></script></head><body></body></html>勾選了「Combine JavaScript output into file」 這個建置輸出設定後，開發人員就可以將項目裡的.ts輸出成為單一.js檔，提供給其他開發人員使用。這時如果其他開發人員期望能用TypeScript文法來進行後續開發，我們除了直接提供.ts源檔案這個選項之外，也可以選擇提供項目輸出的單一.js檔、加上對應的Declaration檔案(.d.ts)這樣的方式，來提供給其他開發人員使用。
在Visual Studio裡要建立項目輸出的.d.ts檔，開發人員可以在TypeScript建置設定頁面中，勾選「Generate declaration files」這個建置輸出設定。後續在項目通過編譯時間，Visual Studio就會自動為項目裡輸出的.js檔、建立對應的.d.ts檔，方便開發人員提供給其他TypeScript開發人員使用。
[TypeScript] 建置輸出單一JavaScript檔案(.js)與Declaration檔案(.d.ts)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
