Visual Studioでの利用 - jgame.js Wiki - jgame.js

Visual Studioでのjgame.jsビルド方法

事前にVisual Studioにてtypescriptのビルド環境を整えてください。

その後、src以下のjgame.js.csprojを開けばVisual Studioで編集・ビルドが出来るようになります。

制限事項

なお、内部的にはtscコマンドを使っており、Visual Studio標準のビルドは採用していません。

Visual Studio標準のビルド方法ではビルド順が崩れてJavaScriptが壊れてしまうためで、この問題の解決にはTypeScript本体のバージョンアップを待つしか方法がありません。

現状は単にエディタとしてVisual Studioを利用可能な方法、程度のサポートとなっています。

詳細

内部的にはVisual Studioのビルド前イベントを利用してtscコマンドによるビルドを行っています。

また、Visual Studio本体のビルド機能を防ぐため、すべてのTSファイルは「コンテンツ」として登録しています。「TypeScriptCompile」にしてしまうとVisual Studio側のビルド機能が動いてしまうため、新規ファイルを追加する場合は注意してください。

Visual Studioでのビルドを断念するまで

Visual Studioでのビルドはもしかしたら出来るのかもしれませんが、力不足でした。

挫折にいたるまでの調査結果を以下においておきます。

一番いい線までいったビルド手順は以下の通りです。

csprojファイルを直接テキストエディタなどで開き、「<PropertyGroup Condition="'$(Configuration)' == 'Release'">」の子として下記の内容を追加してください。

    <TypeScriptTarget>ES3</TypeScriptTarget>
    <TypeScriptIncludeComments>false</TypeScriptIncludeComments>
    <TypeScriptSourceMap>false</TypeScriptSourceMap>
    <TypeScriptOutFile>js/jgame.js</TypeScriptOutFile>
    <TypeScriptEnableCompileOnSave>false</TypeScriptEnableCompileOnSave>
    <TypeScriptGeneratesDeclarations>true</TypeScriptGeneratesDeclarations>

また、PropertyGroupの下（子要素ではありません。兄弟レベルとしてみての下です）、下記の内容を追加してTypeScriptのビルドを有効にしてください。

<Import Project="$(VSToolsPath)\TypeScript\Microsoft.TypeScript.targets" />

これでビルドは出来るようになりますが、ビルド順が崩れてJavaScriptの実行が出来ないというところまでは試すことが出来ます。