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