İken Liviu Costea cevabı doğrudur, hala aslında nasıl yapıldığını anlamaya bana oldukça uzun bir zaman aldı. İşte yeni bir ASP.NET 4.5.2 MVC projesinden başlayarak adım adım kılavuzum. Bu kılavuz, bower kullanarak istemci tarafı paket yönetimini içerir ancak (henüz) bundling / grunt / yudum işlemlerini kapsamaz.
Adım 1 (Proje Oluşturun)
Visual Studio 2015 ile yeni bir ASP.NET 4.5.2 Projesi (MVC Şablonu) oluşturun.
2. Adım (Projeden Paketlemeyi / Optimizasyonu Kaldırma)
Adım 2.1
Aşağıdaki Nuget Paketlerini kaldırın:
- önyükleme
- Microsoft.jQuery.Unobstrusive.Validation
- jQuery.Validation
- jQuery
- Microsoft.AspNet.Web.Optimization
- WebGrease
- Antlr
- Modernizr
- Cevap vermek
Adım 2.2
App_Start\BundleConfig.csProjeden kaldır .
Adım 2.3
Kaldırmak
using System.Web.Optimization;
ve
BundleConfig.RegisterBundles(BundleTable.Bundles);
itibaren Global.asax.cs
Adım 2.4
Kaldırmak
<add namespace="System.Web.Optimization"/>
itibaren Views\Web.config
Adım 2.5
Montaj Bağlar çıkarın System.Web.Optimizationve WebGreasegelenWeb.config
3. Adım (Projeye kamerayı ekleyin)
Adım 3.1
package.jsonProjeye yeni dosya ekle ( NPM configuration fileöğe şablonu)
Adım 3.2
Ekle boweriçin devDependencies:
{
"version": "1.0.0",
"name": "ASP.NET",
"private": true,
"devDependencies": {
"bower": "1.4.1"
}
}
Çardak paketi package.jsonkaydedildiğinde otomatik olarak kurulur .
Adım 4 (Kamerayı yapılandırın)
Adım 4.1
bower.jsonProjeye yeni dosya ekle ( Bower Configuration fileöğe şablonu)
Adım 4.2
Ekle bootstrap, jquery-validation-unobtrusive, modernizrve respondbağımlılıkları için:
{
"name": "ASP.NET",
"private": true,
"dependencies": {
"bootstrap": "*",
"jquery-validation-unobtrusive": "*",
"modernizr": "*",
"respond": "*"
}
}
Bu paketler ve bağımlılıkları otomatik olarak kurulur. bower.json kaydedildiğinde .
Adım 5 (Değiştir Views\Shared\_Layout.cshtml)
Adım 5.1
Değiştir
@Styles.Render("~/Content/css")
ile
<link rel="stylesheet" href="~/wwwroot/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/Content/Site.css" />
Adım 5.2
Değiştir
@Scripts.Render("~/bundles/modernizr")
ile
<script src="~/wwwroot/lib/modernizr/modernizr.js" ></script>
Adım 5.3
Değiştir
@Scripts.Render("~/bundles/jquery")
ile
<script src="~/wwwroot/lib/jquery/dist/jquery.min.js"></script>
Adım 5.4
Değiştir
@Scripts.Render("~/bundles/bootstrap")
ile
<script src="~/wwwroot/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/wwwroot/lib/respond/dest/respond.min.js"></script>
Adım 6 (Diğer kaynakları değiştirin)
Diğer tüm Görünümlerde
@Scripts.Render("~/bundles/jqueryval")
ile
<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>
kullanışlı bağlantılar
Paketleme ve Küçültme
Aşağıdaki yorumlarda LavaHot , 2. adımda kaldırdığım varsayılan paketleyicinin yerine Bundler & Minifier uzantısını önermektedir. Ayrıca Gulp ile birlikte paketlemeyle ilgili bu makaleyi de önermektedir .