2016-10-31 16 views
0

我在一個很舊的asp.net 4.0工作項目WebformsVisual Studio 2015.推薦的方式來打字稿添加到現有的asp.net 4個Web表單項目

我想開始使用打字稿,而不是JavaScript進行一些客戶端端代碼。我在Visual Studio以外的其他項目中使用了TypeScript(例如,使用Visual Studio代碼,以及節點工具,如npm,gulp等)

現在,我想了解如何在Visual Studio中使用TypeScript,看到不少矛盾的帖子,以及各種版本的TypeScript/VS。

我已經將一個TypeScript文件添加到VS,並且VS現在報告它支持Typescript並將幾行添加到項目文件中。 A還添加了用於Typescript的VS擴展(版本2)

我構建我的項目並獲取.js和.map文件。這些文件格式爲CommonJS,因此我需要加載這些文件或使用某種捆綁轉換。

這是我不知道該去哪裏的地方。另外,我已經閱讀如何配置打字稿矛盾的報導(如Visual Studio中是否會使用tsconfig.json文件)

在非asp.net項目中,我必須使用gulpgulp-typescriptbrowserify等一飲而盡插件。

我是否在我的asp.net項目中做同樣的事情,還是有其他的方式來捆綁和轉換JS到瀏覽器可用代碼?

如果我使用gulp方法,我認爲這意味着我現在不會使用通過Visual Studio插件安裝的TS編譯器(所以如果它發出CommonJS格式化的鱈魚,我不能使用它?!在瀏覽器中使用

預先感謝這裏的任何建議

回答

1

是,Web表單可以做打字稿和咕嘟咕嘟以下的一些步驟:

配置NPM 配置鮑爾 配置引導和我CSS與Gulp 更新母版頁 配置咕嘟咕嘟 - 手錶

一個完整的解決方案,可以發現here.

對於打字稿, 除非你有創建的.ts文件在您的項目「添加新項」,選擇「文件屬性的「構建操作」中的「TypeScriptCompile」不可用,並引發異常。第一個文件創建完成後,您可以找到該選項並手動將其設置爲.ts文件。

在「添加文件」選項中沒有選項「Typescript文件」,除非您在項目中使用「添加新項目」創建.ts文件並且您位於「腳本」文件夾中(如果您姓名不同的是你想添加這個文件的文件夾,這個選項不會可用)。當然,您可以從「添加新項目」添加.ts文件。

請仔細閱讀本SO線程Type Script Web Forms

+0

感謝您的信息,上述信息的兩個好來源。我只需要兩個結婚在一起。第一個沒有提到TypeScript(在一個評論中有人問這個,我剛剛發佈了我自己的請求,第二個只是討論添加.ts文件並讓VS創建它(我有)。有一種感覺,解決方案將更接近[this](https://blogs.msdn.microsoft.com/webdev/2016/04/29/webforms-can-gulp-too-using-node-tools-with-asp -net-webforms /)但是如果我們使用Gulp來編譯TS,這與VS正在做什麼衝突...... – peterc

相關問題