Persyaratan: Ekstensi modular System.Web.Optimization (juga dikenal sebagai Microsoft ASP.NET Web Optimization Framework) yang disertakan dengan Microsoft ASP.NET MVC sudah ketinggalan zaman dan belum diperbarui untuk waktu yang lama (Terakhir diperbarui: 2014/2/20, ada beberapa bug yang belum diperbaiki oleh siapa pun), memperkenalkan bootstrap 4 akan menyebabkan kesalahan, menggunakan Bundle Transformer pihak ketiga untuk menggantikan yang default.
Tentang kompresi yang dibundel:Login hyperlink terlihat.
System.Web.Optimization:F:\...\packages\Microsoft.AspNet.Web.Optimization.1.1.3\lib\net40\System.Web.Optimization.dll
Alamat NuGet:Login hyperlink terlihat.
System.Web.Optimization akan memberikan kesalahan berikut saat menggabungkan Bootstrap 4:
/* 未能缩小。正在返回未缩小的内容。 (6,10): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6,25): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6,42): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6,59): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6,74): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6,88): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.105): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.122): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.138): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.153): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.168): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.181): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.196): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.216): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.234): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.254): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.272): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.287): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.305): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.322): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.338): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.353): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.371): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.393): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.415): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.437): kesalahan run-time CSS1062: Titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.460): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' (6.644): kesalahan run-time CSS1062: titik koma yang diharapkan atau kurung kurawal penutup, ditemukan '-' */
/*! * Bootstrap v4.1.3 (https://getbootstrap.com/) * Hak Cipta 2011-2018 Penulis Bootstrap * Hak Cipta 2011-2018 Twitter, Inc. * Berlisensi di bawah MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
Bundel Trafo
Bundle Transformer - Ekstensi modular dari System.Web.Optimization (juga dikenal sebagai Microsoft ASP.NET Web Optimization Framework). StyleTransformer dan ScriptTransformer, yang termasuk dalam inti Bundle Transformer dan mengimplementasikan antarmuka IBundleTransform. Mereka dirancang untuk menggantikan kelas standar: CssMinify dan JsMinify.
Perbedaan utama antara StyleTransformer dan implementasi kelas dan standar ScriptTransformer: kemampuan untuk mengecualikan aset yang tidak perlu saat menambahkan aset dari direktori, tidak menghasilkan penskalaan ulang aset yang telah diperkecil sebelumnya, mendukung konversi otomatis jalur relatif ke jalur absolut dalam kode CSS (dengan menggunakan UrlRewritingCssPostProcessor), dll. Kelas-kelas ini tidak menghasilkan minifikasi kode saat runtime, tetapi fungsionalitas ini dapat ditambahkan dengan menginstal modul minifier (modul yang tersedia sekarang didasarkan pada Microsoft Ajax Minifier, YUI Compressor untuk .NET, NUglify, Google Closure Compiler, Douglas Crockford's JSMin, Dean Edwards' Packer, UglifyJS oleh Mihai Bazon, CSSO (CSS Optimizer) oleh Sergey Kryzhanovsky, WebGrease, dan Clean-css). Selain itu, Anda dapat menginstal modul terjemahan untuk mengimplementasikan terjemahan kode dalam bahasa perantara (LESS, Sass, SCSS, CoffeeScript, TypeScript, Mustache (menggunakan Hogan), dan Handlebars). Selain itu, ada jenis modul ketiga di Bundle Transformer - pascaprosesor. Postprosesor berjalan setelah penerjemah dan sebelum kompresor. Postprosesor berikut sekarang tersedia: URL Tulis Ulang CSS Postprocessor (termasuk dalam inti) dan modul Postprocessor berdasarkan Autoprefixer Andrey Sitnik.
Alamat GitHub:Login hyperlink terlihat. Tutorial Dokumentasi:Login hyperlink terlihat.
BundleTransformer.Core hanya menyediakan fungsionalitas bundling danFitur seperti pengaburan kompresi tidak tersediaJika kompresi dan fungsi lainnya perlu diperkenalkan ke dalam modul lain, artikel ini akan menggunakanBundelTransformer.NUglifyModul ekstensi mengompresi output CSS dan JS yang dibundel.
BundleTransformer.NUglify berisi dua adaptor minifier: "NUglifyCssMinifier" (untuk miniaturisasi kode CSS) dan "NUglifyJsMinifier" (untuk miniaturisasi kode JS). Adaptor ini melakukan minifikasi (https://github.com/trullock/NUglify). Oleh karena itu, proyek dapat langsung memperkenalkan BundleTransformer.NUglify dengan perintah NuGet berikut:
Setelah penginstalan selesai, ubah konfigurasi BundleConfig.cs dengan kode berikut:
Pada titik ini, akses tautan /plugins/site/login, sumber daya css, danTidak terkompresi, Anda juga perlu memodifikasi konfigurasi web.config untuk menjadikan "NUglifyCssMinifier" sebagai program minifier CSS default.
UrlRewritingCssPostProcessor: mendukung konversi otomatis jalur relatif ke jalur absolut dalam kode CSS, dll.
Temukan file web.config/configuration/bundleTransformer/core/cssnode, dimodifikasi sebagai berikut:
Konfigurasi lengkapnya adalah sebagai berikut:
(Akhir)
|