Visual Studio 2015には、Grunt、Bower、Gulp、NPM for ASP.NET 5プロジェクトなどのツールのサポートが組み込まれています。

ただし、Visual Studio 2015を使用してASP.NET 4.5.2プロジェクトを作成すると、これらのツールは使用されません。クライアント側のパッケージを管理するために、nugetの代わりにbowerを使用したいと思います。

Visual Studio 2013でのこれらのツールの使用に関する情報を見つけることができます（たとえば、この質問を参照してください）。しかし、Visual Studio 2015では、これらのツールのサポートが組み込まれているため、手順が異なると思います。

一方ではLiviu Costeaの答えが正しいか、それはまだそれが実際にどのように行われるかを理解するために私にかなりの時間を要しました。これが、新しいASP.NET 4.5.2 MVCプロジェクトから始まる私のステップバイステップガイドです。このガイドには、bowerを使用したクライアント側のパッケージ管理が含まれていますが、（まだ）バンドル/グラント/ gulpについては説明していません。

ステップ1（プロジェクトの作成）

Visual Studio 2015で新しいASP.NET 4.5.2プロジェクト（MVCテンプレート）を作成します。

ステップ2（プロジェクトからのバンドル/最適化の削除）

ステップ2.1

次のNugetパッケージをアンインストールします。

• ブートストラップ
• Microsoft.jQuery.Unobstrusive.Validation
• jQuery.Validation
• jQuery
• Microsoft.AspNet.Web.Optimization
• Webグリース
• アントラー
• Modernizr
• 応答する

ステップ2.2

App_Start\BundleConfig.csプロジェクトから削除します。

ステップ2.3

削除する

using System.Web.Optimization;

そして

BundleConfig.RegisterBundles(BundleTable.Bundles);

から Global.asax.cs

ステップ2.4

削除する

<add namespace="System.Web.Optimization"/>

から Views\Web.config

ステップ2.5

以下のためのアセンブリバインディングを削除System.Web.OptimizationしてWebGreaseから、Web.config

ステップ3（プロジェクトにバウアーを追加する）

ステップ3.1

package.jsonプロジェクトに新しいファイルを追加（NPM configuration fileアイテムテンプレート）

ステップ3.2

追加bowerするにはdevDependencies：

{
  "version": "1.0.0",
  "name": "ASP.NET",
  "private": true,
  "devDependencies": {
    "bower": "1.4.1"
  }
}

bowerパッケージは、package.json保存時に自動的にインストールされます。

ステップ4（バウ​​ワーの構成）

ステップ4.1

bower.jsonプロジェクトに新しいファイルを追加（Bower Configuration fileアイテムテンプレート）

ステップ4.2

追加bootstrap、jquery-validation-unobtrusive、modernizrおよびrespond依存関係に：

{
  "name": "ASP.NET",
  "private": true,
  "dependencies": {
    "bootstrap": "*",
    "jquery-validation-unobtrusive": "*",
    "modernizr": "*",
    "respond": "*"
  }
}

これらのパッケージとその依存関係bower.jsonは、保存時に自動的にインストールされます。

ステップ5（変更Views\Shared\_Layout.cshtml）

ステップ5.1

交換する

@Styles.Render("~/Content/css")

と

<link rel="stylesheet" href="~/wwwroot/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/Content/Site.css" />

ステップ5.2

交換する

@Scripts.Render("~/bundles/modernizr")

と

<script src="~/wwwroot/lib/modernizr/modernizr.js" ></script>

ステップ5.3

交換する

@Scripts.Render("~/bundles/jquery")

と

<script src="~/wwwroot/lib/jquery/dist/jquery.min.js"></script>

ステップ5.4

交換する

@Scripts.Render("~/bundles/bootstrap")

と

<script src="~/wwwroot/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/wwwroot/lib/respond/dest/respond.min.js"></script>

ステップ6（他のソースを変更する）

他のすべてのビューで置き換え

@Scripts.Render("~/bundles/jqueryval")

と

<script src="~/wwwroot/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="~/wwwroot/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>

役立つリンク

• http://idisposable.co.uk/2015/02/switching-the-client-side-build-library-in-visual-studio-2013-mvc-template-to-gulp-and-bower/
• http://www.baconapplications.com/running-bower-grunt-in-visual-studio-2013/
• http://devkimchi.com/1511/integrating-grunt-and-bower-with-visual-studio-2013/
• http://www.dotnetcurry.com/visualstudio/1096/using-grunt-gulp-bower-visual-studio-2013-2015
• http://andy-carter.com/blog/a-beginners-guide-to-package-manager-bower-and-using-gulp-to-manage-components
• http://www.jeffreyfritz.com/2015/05/where-did-my-asp-net-bundles-go-in-asp-net-5/

バンドルと縮小

以下のコメントで、LavaHotは、ステップ2で削除したデフォルトのバンドラーの代わりとして、Bundler＆Minifier拡張機能を推奨しています。彼は、Gulpとのバンドルに関するこの記事も推奨しています。

実際にはそれほど違いはありません。たとえば、新しいアイテムを追加するときに、bowerまたはnpm構成ファイルのテンプレートを使用すると、Visual Studio内でこれらすべてのサポートが向上するというだけです。また、gulpまたはgrunt設定ファイルのテンプレートもあります。
しかし、実際にgrunt / gulpタスクを呼び出し、それらをビルドイベントにバインドすることは、VS 2013と同様に、Task Runner Explorerで行われます。