捆绑破坏了一些样式答案

【问题标题】：bundling breaks some styling捆绑破坏了一些样式
【发布时间】：2019-10-30 04:39:03
【问题描述】：

到目前为止，我还没有找到解决方案，一直在 * 和 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

【解决方案1】：

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

bundles.IgnoreList.Clear();

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

【讨论】：

添加了这个，但似乎没有什么不同。样式仍然中断。
将优化设置为 false 时看起来很奇怪，一切正常...
兄弟，你用的是哪个浏览器？
如果你的东西运行良好，那么别忘了给我投票。 :)

【解决方案2】：

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

【讨论】：