捆绑打破了一些样式

Question

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

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

Answer 1

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

bundles.IgnoreList.Clear();

还要确保所有 min 文件都是有效文件（css 和 js）。

Answer 2

custom-overwrites.css 似乎以某种方式损坏了.. 所以创建了一个新的 custom.css 文件并将其导入 material-kit.css 现在可以了。

捆绑打破了一些样式

bundling breaks some styling

c#

bundling-and-minification