簡體   English   中英

捆綁破壞了某些樣式

[英]bundling breaks some styling

到目前為止,我還沒有找到解決方案,一直在這里查看stackoverflow和google,但無濟於事。

我的問題是,我有一個包含bundleConfig.cs的網站,我在其中捆綁了我所有的東西。 BundleTable.EnableOptimizations = false; 被設置,它可以正常工作。 但是,如果我將其設置為true,或者將其刪除。 我的某些樣式無法正常工作。

我不知道該如何調試。

我的捆綁包:

public static void RegisterBundles(BundleCollection bundles)
        {

            // Third party Scripts
            bundles.Add(new ScriptBundle("~/bundles/third-party-scripts") { Orderer = orderer }
                .Include("~/Scripts/JQuery/jquery-3.3.1.min.js")
                .Include("~/Scripts/JQuery/jquery.unobtrusive-ajax.js")
                .Include("~/Scripts/Bootstrap/bootstrap.min.js")
                .Include("~/Scripts/Slick/slick.min.js")
                .Include("~/Scripts/Masonry/masonry.pkgd.min.js")
                .Include("~/Scripts/Imagesloaded/imagesloaded.pkgd.js") // do i need?
                .Include("~/Scripts/SimpleLightbox/simple-lightbox.js")
                .Include("~/Scripts/Calendar/fullcalendar.js")
                .Include("~/Scripts/Datatables/datatables.js")
                .Include("~/Scripts/Growl/jquery.growl.js")
                .Include("~/Scripts/PageComments/pageComments.js")
                .Include("~/Scripts/CookieConsent/CookieLogic.js")
                .Include("~/Scripts/Popper/popper.min.js")

            );

            // Custom Scripts
            bundles.Add(new ScriptBundle("~/bundles/custom-scripts") { Orderer = orderer }
                .Include("~/Scripts/Custom/custom.js")
                .Include("~/Scripts/Custom/Slick-init.js")
                .Include("~/Scripts/Custom/masonry-init.js")
                .Include("~/Scripts/Custom/lightbox-init.js")
                .Include("~/Scripts/Custom/fullcalendar-init.js")
                .Include("~/Scripts/Custom/datatables-init.js")
            );
            // Material-Kit
            bundles.Add(new ScriptBundle("~/bundles/material-kit-scripts") { Orderer = orderer }
                .Include("~/Scripts/Material-kit/bootstrap-material-design.min.js")
                .Include("~/Scripts/Material-kit/material-kit.js")
            );
            // Material-Kit Front Styles 
            bundles.Add(new StyleBundle("~/bundles/material-kit-styling") { Orderer = orderer }
                .Include("~/Content/Scss/Vendors/Material-kit/material-kit.css")
                .Include("~/Content/Scss/Vendors/Material-kit/Custom-overwrites.css")
                .Include("~/Content/Scss/Vendors/Growl/growl.css")
            );


        }

到目前為止,我可以看到Custom-overwrites.css在縮小時不起作用。

任何解決方案的提示或如何從此處進行?

RegisterBundles函數中,將以下內容添加為第一行:

bundles.IgnoreList.Clear();

還要確保您的所有min文件都是有效文件(css和js)。

似乎custom-overwrites.css在某種程度上已損壞。。因此,創建了一個新的custom.css文件,並將其導入了material-kit.css中,現在它可以工作了。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM