ASP.NET MVC'de paketleyin ve küçültün

Bir çerçevenin görevlerinden biri, bir şeylere nasıl ulaşılacağının teknik kısmı hakkında daha az ve uygulamalarımızın mantığı hakkında daha fazla düşünmeyi gerekli kılan araçlar ve kurallar sağlayarak bir geliştiricinin iş akışını iyileştirmektir.
Bu durumuda ASP.NET MVC'sipaketlerini doğrudan oluşturmamıza izin veren araçlar da sunulmaktadır. Kodlar uygulamamızın kullandığı ekleri ve bunları en iyi uygulamalardan birine uymak ve performansı artırmak için küçültebilmek.
İçinde ASP.NET MVC'si kütüphanemiz var Sistem.Web.Optimizasyon, böylece farklı stil dosyalarını paketleme gibi web uygulamamızın öğelerini optimize etmemize izin veren yöntemlere erişebiliriz ve Javascript.
Bu kitaplık ayrıca uygulamamızın statik eklemelerinin önbelleğini iyileştirmemize yardımcı olan öğelerin yanı sıra dosyaların küçültülmesini de içeriyor, bu eklentinin başlangıçta nasıl çalıştığını görelim.
Eylemdedosyayı görürsek Düzen.cshtml, stil kaynaklarının yolunu tanımlamak için bir kısayol yöntemi kullandığımızı fark edebiliriz ve Javascript, bu başka bir şey değil Oluştur () ve onu farklılaştırıcılarıyla birlikte kullanıyoruz @Stiller Y @Kodlar, yaptığı şey kaynakları doğrudan paketlemek ve küçültmek, geliştirmemizin daha kolay olması imkansız, ne denildiğini analiz edelim:

Fark edebileceğimiz ilk şey, @ Styles.Render () İki farklı yoldan geçiyoruz, bu da bizi bu şekilde her şeyi aynı nihai dosyada birleştirebileceğimiz ve bununla daha az talepte bulunacağımız sonucuna götürüyor. HTTP.
Bu durumuda @Kodlar Bunu tek bir elemanla yapıyoruz ama bu, stillerde olduğu gibi birkaçı için de uygulanabilir.
Tarayıcıda bir performans analiz aracı çalıştırırsak, bu öğeleri temel şablonda bu şekilde çağırmamıza rağmen hala farklı dosyalarda görüntülendiklerini, bunun geliştirme ortamının etkinleştirilmesinden kaynaklandığını fark edeceğiz. hata ayıklama ve bu nedenle, okunabilirlik ve hata ayıklama kolaylığı için tek bir dosyada toplanmazlar.
Bunu yapmak için, yapılandırma dosyasını bulmalıyız ve orada çerçevemize, aşağıdaki seçeneği true olarak ayarlayarak iyileştirmelere izin vermesi gerektiğini belirtmeliyiz:

BundleTable.EnableOptimizasyonlar

Bununla, örneğin ölçüm aracını tekrar çalıştırırsak, örneğin yavaş, bunu küçültme ve istekler bölümünde göreceğiz HTTP her şey en iyi uygulamalar altında yapıldı.

Varsayılan olarak şablon ayrıca, belgenin üstünde ve stil dosyalarını tanımlama yapısına sahiptir. Kodlar altta, ancak örneğin gibi komut dosyaları var modernizr.js İşlevleri sayfa yükleme deneyimini geliştirmek olduğundan, bunları belgenin sonunda tanımlayamıyoruz, bu nedenle hemen yürütülmesi gerekir.
Bununla bu öğreticiyi bitirdik, nasıl basit bir şekilde gördük ASP.NET MVC'si otomatik olarak küçültmenin yanı sıra stil dosyaları ve komut dosyaları paketleri oluşturmamıza olanak tanır ve kendimizi basitçe uygulamamızın mantığını oluşturmaya adamamıza yardımcı olur.