javascript - 如何從網頁引用 TypeScript 文件

前言

我可以讓這個運作，但我不確定我是否按照微軟的原意使用這項技術。

上下文

網頁可以透過像這樣的引用標籤來引用包含 JavaScript 的 JS 檔案：

<script src="Scripts/jquery.js"></script>

在上述範例中，JS 文件是 Visual Studio ASPX.NET 專案的一部分。它既被放置在專案的 Scripts 資料夾中，也被 Nuget 加入到專案中。

在現有的 ASP.NET 專案中加入了一個 Typescript 檔案後，我希望能在 ASPX 網頁中使用生成的 JS。

指示解決方案總管顯示所有檔案會顯示，預期的 JS 檔案確實已經在預期的路徑上生成。

我使用這個正確嗎？建議的方法是什麼？

有幾種方式可以去做這件事。

• 直接參考生成的 JS 檔案

我曾擔心不屬於專案的檔案會被排除在網頁伺服器部署之外，但後來已確定它們確實會被部署。

• 在 Typescript 檔案中添加某種引用

如果有一些語法可以引用將被轉換成 script 標籤的 TS 文件，以引用生成的 JS 文件，那就太好了。唉，如果這存在，它也沒有被很好地宣傳。

答案＃1

在 VS2015 中，將 TS 文件拖到編輯器中的 HTML 或 ASPX 頁面上，將插入一個引用對應 JS 文件的 link 標籤。

請勿使用伺服器 URL 重寫將對 TS 檔案的引用重新映射到 JS 檔案。這會干擾 VS 和瀏覽器透過來源地圖檔案的除錯支援。