首页 > 解决方案 > 捆绑破坏了一些样式

问题描述

到目前为止,我还没有找到解决方案,一直在 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 在缩小时不起作用..

有关解决方案的任何提示或如何从这里开始?

标签: c#bundling-and-minification

解决方案


RegisterBundles函数中添加以下内容作为第一行:

bundles.IgnoreList.Clear();

还要确保所有最小文件都是有效文件(css 和 js)。


推荐阅读