javascript - Rekommenderat sätt att lägga till Typescript till ett befintligt asp.net 4 Webforms-projekt

Jag arbetar på ett ganska gammalt asp.net 4.0 Webforms-projekt i Visual Studio 2015.

Jag vill börja använda TypeScript istället för Javascript för en del av klientkoden. Jag har använt TypeScript i andra projekt utanför Visual Studio (t.ex. med Visual Studio Code och nodverktyg som npm, gulp osv)

Nu försöker jag se hur man använder TypeScript i Visual Studio, och ser ganska många motstridiga inlägg och olika versioner av TypeScript/VS som nämns.

Jag har lagt till en TypeScript-fil i VS, och VS rapporterade att det nu stöder TypeScript och lade till några rader i projektfilen. Jag har också lagt till VS-tillägget för TypeScript (version 2)

Jag bygger mitt projekt och får .js- och .map-filerna. Filerna är i CommonJS-format, så jag behöver antingen ladda dessa eller konvertera dem med någon form av paketering.

Det här är där jag inte vet vart jag ska gå. Dessutom har jag läst motstridiga uppgifter om hur man konfigurerar Typescript (t.ex. om Visual Studio kommer att använda en tsconfig.json-fil eller inte)

I icke ASP.NET-projekt har jag använt gulp med gulp-typescript, browserify och andra gulp-plugins.

Gör jag samma sak i mitt ASP.NET-projekt, eller finns det något annat sätt att paketera och konvertera JS till webbläsarkod?

Om jag använder gulp-metoden antar jag att det då betyder att jag inte längre kommer att använda TS-kompilatorn som är installerad via Visual Studio-pluginet (så vad är poängen med detta om det genererar CommonJS-format kod som jag inte kan använda i webbläsaren?

Tack på förhand för alla förslag här!

Svar #1

Ja, webbformulär kan göra TypeScript och Gulp. Nedan är några steg:

Konfigurera npm Konfigurera Bower Konfigurera Bootstrap och min CSS med Gulp Uppdatera Mastersidan Konfigurera Gulp-Watch

En komplett lösning kan hittas här.

För TypeScript , om du inte har en .ts-fil skapad med "Lägg till nytt objekt" i ditt projekt, är alternativet "TypeScriptCompile" under "Byggåtgärd" i filens egenskaper inte tillgängligt och det ger ett undantag. Efter att den första filen har skapats, hittar du detta alternativ och kan manuellt ställa in det för en .ts-fil.

Alternativet "Typescript-fil" är inte tillgängligt i "Lägg till fil"-alternativen om du inte har en .ts-fil skapad med "Lägg till nytt objekt" i ditt projekt och du befinner dig i en "Scripts"-mapp (om du namnger mappen där du vill lägga till denna fil annorlunda, kommer detta alternativ inte att vara tillgängligt). Självklart kan du lägga till en .ts-fil från "Lägg till nytt objekt".

Var vänlig läs denna SO-tråd Type Script Web Forms