Less

Less のコンパイルには、Web Compiler を使用しています。

• Web Compiler extension

新しい Less ファイルを追加した際には compilerconfig.json に追記する必要があります。Visual Studio に Web Compiler 拡張をインストールしている場合はGUI 操作でそこら辺の操作が可能です。

LESS のコンパイル結果のCSS ファイルをアプリに含めるためにはMSBuild の ItemGroup の中に項目としてCSS ファイルを含める必要がありますが、それは下記のあたりでやっています。

• TemplateApp.jsproj における CSS ファイルの指定

TypeScript

TypeScript のコンパイルにはVisual Studio に組み込まれている TypeScript の処理系を使用しています。Visual Studio 組み込みの機能を使うとVisual Studio との連携が便利ですが、他の npm モジュールによるツールと連携させようと思うと npm でtsc をインストールして使用した方が便利な気もするので、将来的には npm のtsc を使うようにした方がいいかなぁと思っています。

JS のライブラリ管理や TypeScript の型定義ファイルの管理など

JS のライブラリ管理や TypeScript の型定義ファイルの管理には npm モジュールを使用しています。

npm を使用するためにはNode.MSBuild.Npm NuGet パッケージ を使用しています。 昔はNpm パッケージを使用していたのですが、バージョンが古いという問題があったり、プロジェクトのディレクトリ階層が深いとそもそもインストール時に失敗するという問題があったりして移行*1 しました。

JS のライブラリ管理にはBower を使用して、TypeScript の型定義ファイルの管理にはdtsm を使用しています。 これらのツールを使用するのは、MSBuild の Target として定義しているので、ビルド処理の中で実行されるようになっています。

• TemplateApp.jsproj における Bower や dtsm の使用箇所

初期状態では、WinJS のインストールや、WinJS や WinRT の型定義ファイルのインストールが実行されるようになっています。