Visual StudioでTypeScriptのビルド設定

samatsu 1/5/2018 6506 N/A TypeScript

今頃知ったのですが、 Visual Studio 2017 (2015でも) って、TypeScriptのビルドの設定を tsconfig.json ではなく、 プロジェクトファイルで細かく指定できるんですね。。 tsconfig.jsonとgulpつかってました。。。

とりあえずTypeScriptを使ってみようと思っている場合、細かいビルドの知識なしですぐに利用できるのですばらしいです。NuGetで tag:TypeScript と指定して 型定義ファイルなんかも追加できますし(私はnpm使っていますが)。

設定方法は簡単で、 ASP.NET Core Web アプリケーションプロジェクトを作成し、ソリューションエクスプローラーで、プロジェクトを右クリック > プロパティ をクリックします。

Visual Studio 2015の場合は、 TypeScriptを使用したHTMLアプリケーション プロジェクトテンプレートで作成したプロジェクトでも使用できます。

プロジェクトのプロパティ画面で、TypeScriptビルドタブをクリックすると、UIベースでビルドの設定を行えます。トランスパイルに使用するtscのバージョンなんかも指定できます。 tsconfig.jsonを作成する必要がありません。もしtsconfig.jsonを使っている場合は、多くの設定は読み取り専用になります。

ここら辺の説明は次のページも参考になります。

Updating TypeScript in Visual Studio 2017
https://github.com/Microsoft/TypeScript/wiki/Updating-TypeScript-in-Visual-Studio-2017

また、プロパティ画面にない設定に関しては、 csprojファイルを直接編集して指定できます。

利用可能なオプションは次のURLを参照してください。

Compiler Options in MSBuild
http://www.typescriptlang.org/docs/handbook/compiler-options-in-msbuild.html