• Showing Page History #80744
  • Showing Page History #80743
  • Showing Page History #81051

Show page source of Visual Studioでの利用 #89198

== 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の実行が出来ないというところまでは試すことが出来ます。