Bagaimana untuk Menyelesaikan Laluan Imej dalam Himpunan Gaya MVC4?

MVC4 StyleBundle Resolusi Imej

Menggabungkan CSS dalam MVC4 menimbulkan cabaran apabila mengendalikan CSS kendiri dan set imej seperti yang terdapat dalam UI jQuery. Untuk memastikan peleraian imej yang betul, ikut garis panduan ini:

Mentakrifkan StyleBundle

Apabila mencipta StyleBundle, tentukan laluan maya yang tidak bercanggah dengan laluan kandungan fizikal . Contohnya:

bundles.Add(new StyleBundle("~/Content/css/jquery-ui")
     .Include("~/Content/css/jquery-ui/*.css"));

Laluan Imej Relatif

Laluan imej dalam CSS hendaklah relatif kepada fail CSS itu sendiri. Ini penting kerana pengendali berkas akan menggantikan laluan maya dalam URL dengan laluan sebenar kepada CSS yang digabungkan.

Menggabungkan CSS daripada Folder yang Sama

Menggabungkan CSS fail dari folder yang sama memastikan laluan imej relatif akan terus berfungsi. Tentukan berkas anda pada laluan yang sama seperti fail sumber:

bundles.Add(new StyleBundle("~/Content/css/jquery-ui/bundle")
     .Include("~/Content/css/jquery-ui/*.css"));

CssRewriteUrlTransformation

Sebagai alternatif, anda boleh menggunakan CssRewriteUrlTransformation untuk menulis semula rujukan URL relatif kepada fail CSS apabila dibundel. Ini membolehkan penggabungan daripada folder berbeza sambil mengekalkan peleraian imej:

bundles.Add(new StyleBundle("~/Content/css/jquery-ui/bundle")
     .Include("~/Content/css/jquery-ui/*.css",
              new CssRewriteUrlTransform()));

Atas ialah kandungan terperinci Bagaimana untuk Menyelesaikan Laluan Imej dalam Himpunan Gaya MVC4?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!