將Typescript添加到現有asp.net 4 Webforms項目的推薦方法

Question

我正在Visual Studio 2015.處理相當老的asp.net 4.0 Webforms項目Visual Studio 2015.

對於某些客戶端代碼，我想開始使用TypeScript而不是Javascript。 我已經在Visual Studio之外的其他項目中使用了TypeScript（例如，使用Visual Studio Code和諸如npm，gulp等節點工具）

現在，我試圖查看如何在Visual Studio中使用TypeScript，並看到很多相互矛盾的文章，以及各種版本的TypeScript / VS。

我已經向VS添加了TypeScript文件，並且VS報告了它現在支持Typescript，並在項目文件中添加了幾行。 A還為Typescript（版本2）添加了VS擴展

我建立我的專案並取得.js和.map檔案。 這些文件為CommonJS格式，因此我需要加載這些文件或使用某種捆綁方式進行轉換。

這是我不知道要去的地方。 另外，我已經閱讀了有關如何配置Typescript的沖突報告（例如，Visual Studio是否將使用tsconfig.json文件）

在非asp.net項目中，我將gulp與gulp-typescript browserify等gulp插件一起使用。

我在asp.net項目中是否做同樣的事情，或者是否有其他方法將JS捆綁並將其轉換為瀏覽器可用代碼？

如果我使用gulp方法，那么我認為這意味着我現在將不再使用通過Visual Studio插件安裝的TS編譯器（因此，如果它發出了我無法在瀏覽器中使用的CommonJS格式的鱈魚，那有什么意義？ ？

在此先感謝您的任何建議！

Answer 1

是的，Web窗體可以執行TypeScript和Gulp。 以下是一些步驟：

配置npm配置Bower配置Gulp配置Bootstrap和My CSS更新母版頁配置Gulp-Watch

完整的解決方案可以在這里找到。

對於TypeScript ，除非您在項目中使用“添加新項”創建了.ts文件，否則文件屬性的“生成操作”上的選項“ TypeScriptCompile”不可用，並且會引發異常。 創建第一個文件后，即可找到此選項，並可將其手動設置為.ts文件。

除非您在項目中使用“添加新項”創建了一個.ts文件，並且您位於“腳本”文件夾中（如果您以不同的方式命名該文件夾，則“添加文件”選項中的選項“ Typescript文件”不可用）您要添加此文件，則該選項將不可用）。 當然，您可以從“添加新項”添加.ts文件。

請閱讀此SO線程類型腳本Web表單