javascript - Doporučený způsob, jak přidat Typescript do existujícího projektu asp.net 4 Webforms

Pracuji na poměrně starém projektu asp.net 4.0 Webforms ve Visual Studio 2015.

Chci začít používat TypeScript místo JavaScriptu pro některé části kódu na straně klienta. TypeScript jsem používal v jiných projektech mimo Visual Studio (například s Visual Studio Code a nástroji pro Node, jako jsou npm, gulp atd.)

Teď se snažím zjistit, jak používat TypeScript ve Visual Studio, a vidím docela hodně protichůdných příspěvků a různých verzí TypeScriptu/VS, na které se odkazuje.

Přidal jsem soubor TypeScript do VS a VS nyní oznámil podporu TypeScript a přidal pár řádků do souboru projektu. Také jsem přidal rozšíření VS pro TypeScript (verze 2)

Sestavím svůj projekt a získám soubory .js a .map. Soubory jsou ve formátu CommonJS, takže je potřebuji buď načíst, nebo převést pomocí nějakého typu balení.

Tady nevím, kam jít. Také jsem četl protichůdné zprávy o tom, jak nakonfigurovat Typescript (například zda Visual Studio použije soubor tsconfig.json nebo ne)

V projektech, které nejsou asp.net, jsem používal gulp s gulp-typescript, browserify a dalšími gulp pluginy.

Dělám totéž ve svém projektu asp.net, nebo existuje nějaký jiný způsob, jak zabalit a převést JS na kód použitelný v prohlížeči?

Pokud použiji metodu gulp, předpokládám, že to pak znamená, že nyní nebudu používat TS kompilátor nainstalovaný přes plugin Visual Studio (takže jaký má smysl toto, pokud generuje kód ve formátu CommonJS, který nemohu použít v prohlížeči?

Předem děkuji za jakékoli návrhy!

Odpověď č. 1

Ano, webové formuláře mohou používat TypeScript a Gulp. Níže jsou uvedeny některé kroky:

Konfigurace npm Konfigurace Bower Konfigurace Bootstrapu a mého CSS s Gulp Aktualizace hlavní stránky Konfigurace Gulp-Watch

Kompletní řešení naleznete zde.

Pro TypeScript platí, že pokud nemáte v projektu vytvořený soubor .ts pomocí "Přidat nový položku", možnost "TypeScriptCompile" v "Akce kompilace" v vlastnostech souboru není dostupná a vyvolá výjimku. Po vytvoření prvního souboru tuto možnost naleznete a můžete ji ručně nastavit pro soubor .ts.

Možnost „Soubor TypeScript“ není dostupná v možnostech „Přidat soubor“, pokud nemáte ve svém projektu vytvořený soubor .ts pomocí „Přidat nový prvek“ a nacházíte se ve složce „Skripty“ (pokud složku, do které chcete tento soubor přidat, pojmenujete jinak, tato možnost nebude dostupná). Samozřejmě můžete přidat soubor .ts pomocí „Přidat nový prvek“.

Prosím, přečtěte si tento vlákno na SO Type Script Web Forms