Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Görünüm: 5870|Yanıt: 2

[Kaynak] Pratik Operasyon: System.Web.Optimizasyonu yerine BundleTransformer kullanın

[Bağlantıyı kopyala]
2022-11-12 11:05:08 tarihinde yayınlandı | | | |
Gereksinimler: Microsoft ASP.NET MVC ile birlikte gelen System.Web.Optimization'ın (Microsoft ASP.NET Web Optimizasyon Çerçevesi olarak da bilinir) modüler uzantısı modası geçmiştir ve uzun süredir güncellenmemiştir (Son güncelleme: 2014/2/20, kimsenin düzeltemediği bazı hatalar var), bootstrap 4'ün tanıtılması hataya yol açar ve varsayılan Transformer'ın yerine üçüncü taraf Bundle Transformer kullanılır.

Paketli sıkıştırma hakkında:Bağlantı girişi görünür.

System.Web.Optimization:F:\...\packages\Microsoft.AspNet.Web.Optimization.1.1.3\lib\net40\System.Web.Optimization.dll

NuGet adresi:Bağlantı girişi görünür.

System.Web.Optimization, Bootstrap 4'ü paketlerken aşağıdaki hatayı verir:

/* 未能缩小。正在返回未缩小的内容。
(6,10): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl braket, bulundu '-'
(6,25): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl kol, bulundu '-'
(6,42): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcısı brace, bulundu '-'
(6,59): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl kol, bulundu '-'
(6,74): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcık destek, bulundu '-'
(6,88): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl braket, bulundu '-'
(6,105): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl brace bulundu, bulundu '-'
(6.122): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl braket, bulundu '-'
(6.138): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl koltu, bulundu '-'
(6.153): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl kolet, bulundu '-'
(6.168): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl kol, bulundu '-'
(6.181): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcırlı braket, bulundu '-'
(6.196): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl koleti, bulundu '-'
(6.216): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl braket, bulundu '-'
(6.234): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl kol, bulundu '-'
(6.254): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl kol, bulundu '-'
(6.272): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl kol, bulundu '-'
(6.287): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl kolet, bulundu '-'
(6.305): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcısı brace, bulundu '-'
(6.322): çalışma zamanı hatası CSS1062: Beklenen noktavirgül veya kapanış kıvırcıl kolet, bulundu '-'
(6.338): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırtılı braket, bulundu '-'
(6.353): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl brace, bulundu '-'
(6.371): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırtlı brace, bulundu '-'
(6.393): çalışma zamanı hatası CSS1062: Beklenen noktavirgül veya kapanış kıvırcıl kol, bulundu '-'
(6.415): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcırlı braket, bulundu '-'
(6.437): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl braket, bulundu '-'
(6.460): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl destek, bulundu '-'
(6.644): çalışma zamanı hatası CSS1062: Beklenen nokta virgül veya kapanış kıvırcıl braket, bulundu '-'
*/
/*!
* Bootstrap v4.1.3 (https://getbootstrap.com/)
* Telif Hakkı 2011-2018 The Bootstrap Yazarları
* Telif Hakkı 2011-2018 Twitter, Inc.'e ait.
* MIT lisanslı (https://github.com/twbs/bootstrap/blob/master/LICENSE)


Bundle Transformer

Bundle Transformer - System.Web.Optimization'ın modüler bir uzantısı (Microsoft ASP.NET Web Optimizasyon Çerçevesi olarak da bilinir). Bundle Transformer'ın çekirdeğine dahil edilen ve IBundleTransform arayüzünü uygulayan StyleTransformer ve ScriptTransformer sınıflarını da uygular. Standart sınıfların yerini almak üzere tasarlanmışlardır: CssMinify ve JsMinify.

StyleTransformer ile sınıf ve standart uygulamalar ScriptTransformer arasındaki temel farklar: dizinden varlık eklerken gereksiz varlıkları dışlama yeteneği, önceden minirlenmiş varlıkların yeniden ölçeklenmesi sağlamaz, CSS kodunda göreceli yolların mutlak yollara otomatik dönüştürülmesini destekler (UrlRewritingCssPostProcessor kullanarak), vb. Bu sınıflar çalışma zamanında kodun küçültülmesini sağlamaz, ancak bu işlevsellik minifier modülleri kurularak eklenebilir (şu anda mevcut modüller Microsoft Ajax Minifier, YUI Compressor for .NET, NUglify, Google Closure Compiler, Douglas Crockford'un JSMin, Dean Edwards'ın Packer'ı temellidir, Mihai Bazon tarafından UglifyJS, Sergey Kryzhanovsky tarafından CSSO (CSS Optimizer), WebGrease ve Clean-css. Ayrıca, kod çevirisini ara dillerde (LESS, Sass, SCSS, CoffeeScript, TypeScript, Mustache (Hogan kullanarak) ve Handlebars) uygulamak için çeviri modülleri kurabilirsiniz. Buna ek olarak, Bundle Transformer'da üçüncü bir modül türü vardır - postişlemciler. Postişlemci çeviriciden sonra ve kompresörden önce çalışır. Aşağıdaki postişlemciler artık mevcuttur: URL Rewrite CSS Postprocessor (çekirdekte dahil) ve Andrey Sitnik'in Autoprefixer'ına dayalı Postprocessor modülleri.

GitHub adresi:Bağlantı girişi görünür.
Dokümantasyon Eğitimi:Bağlantı girişi görünür.

BundleTransformer.Core sadece paketleme işlevi veSıkıştırma gizleme gibi özellikler mevcut değildirSıkıştırma ve diğer fonksiyonların diğer modüllere eklenmesi gerekiyorsa, bu makaleBundleTransformer.NUglifyUzatma modülü, paketlenmiş CSS ve JS çıktılarını sıkıştırır.

BundleTransformer.NUglify iki küçültücü adaptörü içerir: "NUglifyCssMinifier" (CSS kodunun küçültülmesi için) ve "NUglifyJsMinifier" (JS kodunun küçültülmesi için). Bu adaptörler küçültme (https://github.com/trullock/NUglify).
Bu nedenle, proje doğrudan BundleTransformer.NUglify'ı aşağıdaki NuGet komutuyla tanıtabilir:

Kurulum tamamlandıktan sonra, BundleConfig.cs yapılandırmasını aşağıdaki kodla değiştirin:

Bu noktada, /plugins/site/login bağlantısına, css kaynağına veSıkıştırılmamıştır, ayrıca web.config yapılandırmasını "NUglifyCssMinifier"i varsayılan CSS kısıtlaştırıcı programı yapmak için değiştirmeniz gerekiyor.

UrlRewritingCssPostProcessor: CSS kodunda göreceli yolları mutlak yollara otomatik dönüştürmeyi destekler.

web.config dosyasını bulun/configuration/bundleTransformer/core/cssdüğüm, aşağıdaki şekilde değiştirilmiştir:

Tam yapılandırma şu şekildedir:

(Son)





Önceki:[Gerçek dövüş]. NET/C# uygulama çökmeleri ve istisnaları otomatik olarak DMP dump dosyaları üretir
Önümüzdeki:Ağ kartı da sanallaştırılabilir mi? Ağ kartı sanallaştırma teknolojisi Macvlan'ın ayrıntılı açıklaması
2022-11-15 tarihinde 18:23:22 tarihinde yayınlandı |
Biraz öğrenin
 Ev sahibi| 2023-7-10 tarihinde 18:35:50 tarihinde yayınlandı |
ASP.NET Core (on iki) ön uç JS, CSS paketleme ve sıkıştırma
https://www.itsvse.com/thread-10282-1-1.html

Asp.net MVC Bundle tüm CSS dosyalarını bir arada paketler
https://www.itsvse.com/thread-4921-1-1.html
Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.

Mail To:help@itsvse.com