捆绑破坏了某些样式

时间:2019-06-16 07:08:11

标签: c# bundling-and-minification

到目前为止,我还无法找出解决方案,一直在这里查看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在缩小时不起作用。

任何解决方案的提示或如何从此处继续?

2 个答案:

答案 0 :(得分:1)

RegisterBundles 功能中,将以下内容添加为第一行:

bundles.IgnoreList.Clear();

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

答案 1 :(得分:0)

似乎custom-overwrites.css在某种程度上已损坏。 因此,创建了一个新的custom.css文件并将其导入material-kit.css 现在就可以了。