ASP.NET MVC4 js ve css ile bir kuralda nasıl bir grup oluşturabiliriz?

Question

Ben 4 js ve css 1 olan bir Superfish jquery eklentisi var:

Bunun tümü için tek bir paket oluşturmak istiyor ama bundles.Add() çağırdığınızda, sadece bir tane ekleyebilirsiniz

<script src="~/Scripts/JQ_Addons/SuperFish/jquery.bgiframe.min.js"></script> 
<script src="~/Scripts/JQ_Addons/SuperFish/hoverIntent.js"></script> 
<script src="~/Scripts/JQ_Addons/SuperFish/supersubs.js"></script> 
<script src="~/Scripts/JQ_Addons/SuperFish/superfish.js"></script> 
<link href="~/Scripts/JQ_Addons/SuperFish/superfish.css" rel="stylesheet" /> 

demet türü, ScriptBundle veya StyleBundle.

@Styles.Render or @Script.Render 

Yani, benim sorum: her iki js ve css ile tek paket kuralı oluşturmak mümkün mü

bundles.Add(new ScriptBundle("~/bundles/superfish").Include(
      "~/Scripts/JQ_Addons/SuperFish/jquery.bgiframe.min.js", 
      "~/Scripts/JQ_Addons/SuperFish/hoverIntent.js", 
      "~/Scripts/JQ_Addons/SuperFish/supersubs.js", 
      "~/Scripts/JQ_Addons/SuperFish/superfish.js")); // I can not add css here 

ve görünümde

, sadece paketin bir tür işlemek için seçebilirsiniz dahil?

@Bundles.Render("~/bundles/superfish") 

Answer 1

tarayıcı, bu dosyaları nasıl idare ile ilgisi var olamaz temel nedeni: ve bana göre, şöyle bir şey istiyorum.

• stil sayfaları almak için html etiketi komut dosyalarını almak için <link>
• olduğunu HTML etiketi dosyasının içeriği ne tarayıcıya bildirir <script>

olduğunu.

MVC sunucusu tarafı kodunda, demetlemeyi kullanmanın ana nedeni komut dosyasını ve bağlantı dosyalarını tek bir dosyada birleştirmektir. Sonra onları en aza indirmek için. Paketleme, dosya türüne bağlı olarak farklı en küçükleştirme işlevlerini kullanır. Komut dosyalarını ve css'yi tek bir dosyada birleştirirseniz, paket kodu sonuçta oluşan dosyayı düzgün bir şekilde küçültmez.