Visual Studio 2015 include il supporto integrato per strumenti come Grunt, Bower, Gulp e NPM per i progetti ASP.NET 5.

Tuttavia, quando creo un progetto ASP.NET 4.5.2 utilizzando Visual Studio 2015, non utilizza questi strumenti. Vorrei usare bower invece di nuget per gestire i pacchetti lato client.

Posso trovare informazioni sull'utilizzo di questi strumenti con Visual Studio 2013 (vedere questa domanda ad esempio). Ma immagino che la procedura sia diversa per Visual Studio 2015 poiché ha integrato il supporto per questi strumenti.

Sebbene la risposta di Liviu Costea sia corretta, mi ci è voluto ancora un po 'di tempo per capire come è effettivamente fatto. Quindi ecco la mia guida passo passo a partire da un nuovo progetto ASP.NET 4.5.2 MVC. Questa guida include la gestione dei pacchetti lato client usando bower ma non copre (ancora) bundling / grunt / gulp.

Passaggio 1 (Crea progetto)

Creare un nuovo progetto ASP.NET 4.5.2 (modello MVC) con Visual Studio 2015.

Passaggio 2 (rimuovere raggruppamento / ottimizzazione dal progetto)

Passaggio 2.1

Disinstallare i seguenti pacchetti Nuget:

• bootstrap
• Microsoft.jQuery.Unobstrusive.Validation
• jQuery.Validation
• jQuery
• Microsoft.AspNet.Web.Optimization
• WebGrease
• Antlr
• Modernizr
• Rispondere

Passaggio 2.2

Rimuovi App_Start\BundleConfig.csdal progetto.

Passaggio 2.3

Rimuovere

using System.Web.Optimization;

e

BundleConfig.RegisterBundles(BundleTable.Bundles);

a partire dal Global.asax.cs

Passaggio 2.4

Rimuovere

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

a partire dal Views\Web.config

Passaggio 2.5

Rimuovere le associazioni di assemblaggio per System.Web.Optimizatione WebGreasedaWeb.config

Passaggio 3 (Aggiungi bower al progetto)

Passaggio 3.1

Aggiungi nuovo package.jsonfile al progetto ( NPM configuration filemodello di elemento)

Passaggio 3.2

Aggiungi bowera devDependencies:

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

Il pacchetto bower viene installato automaticamente quando package.jsonviene salvato.

Passaggio 4 (configurazione pergola)

Passaggio 4.1

Aggiungi nuovo bower.jsonfile al progetto ( Bower Configuration filemodello di elemento)

Passaggio 4.2

Aggiungere bootstrap, jquery-validation-unobtrusive, modernizre respondper le dipendenze:

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

Questi pacchetti e le loro dipendenze vengono installati automaticamente quando bower.jsonvengono salvati.

Passaggio 5 (Modifica Views\Shared\_Layout.cshtml)

Passaggio 5.1

Sostituire

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

con

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

Passaggio 5.2

Sostituire

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

con

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

Passaggio 5.3

Sostituire

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

con

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

Passaggio 5.4

Sostituire

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

con

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

Passaggio 6 (Modifica altre fonti)

In tutte le altre viste sostituire

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

con

<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>

link utili

• 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/

Raggruppamento e minimizzazione

Nei commenti seguenti LavaHot consiglia l' estensione Bundler & Minifier in sostituzione del bundler predefinito che rimuovo al passaggio 2. Raccomanda anche questo articolo sul bundling con Gulp.

In realtà non è troppo diverso. È solo che c'è un supporto migliore per tutti questi in Visual Studio, ad esempio quando aggiungi nuovi elementi hai modelli per file di configurazione bower o npm. Inoltre hai modelli per i file di configurazione gulp o grunt.
Ma la chiamata effettiva di attività grunt / gulp e il loro legame per creare eventi è ancora eseguita con Task Runner Explorer, proprio come in VS 2013.