本地和部署的 Web 应用程序似乎使用不同的 CSS [重复]答案

【问题标题】：Local and deployed Web App seem to use different CSSs [duplicate]本地和部署的 Web 应用程序似乎使用不同的 CSS [重复]
【发布时间】：2019-02-25 20:33:01
【问题描述】：

我的 MVC 项目和 Bootstrap.css 中有一个 Style.css。在我的 BundleConfig 中，我执行以下操作：

            bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.min.css",
                  "~/Content/animate.css",
                  "~/Content/myproj/common.css",
                  "~/Content/style.css"));

在我看来，我这样做：

@Styles.Render("~/Content/css")

现在，我面临的问题是我的页面在本地运行时的字体看起来与我部署到 Azure 的字体有点不同。所以当我查看 devtools 时，在 Azure 版本上有很多对 bootstrap 的引用，但在本地我看到它指的是 style 标签。我尝试在此处附上屏幕截图。

您能指导我如何解决这个问题吗？谢谢。

【问题讨论】：

您还没有真正提供代码 (css) 来显示您尝试使用的 font-family 内容。您可能没有在应用程序中部署字体。
@ErikPhilips 感谢您的回复。我不是前端开发人员，但是通过查看 style.css，我在顶部看到了两行：import url("fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"); import url("fonts.googleapis.com/css?family=Roboto:400,300,500,700");
捆绑可能会删除 @import 或某些方式使其无效。可能不是这样，但看看https://stackoverflow.com/questions/14676613/how-to-import-google-web-font-in-css-file。
@ErikPhilips 再次感谢。我相信这就是我正在做的事情。它似乎与jonathan提到的BundleTable.EnableOptimizations有关。
差不多don't use @import if you're going to use the bundler.

标签： c# asp.net asp.net-mvc

【解决方案1】：

您是否在本地构建调试，并在发布时发布？如果是这样，可能是因为不同目标的捆绑行为不同。见：Bundling not working in MVC5 when I turn on release mode

【讨论】：

感谢您的回复@Jonathan。我想我更接近解决方案。所以在我的 BundleConfig 我有 #if !DEBUG BundleTable.EnableOptimizations = true; #endif ...................如果我将上述设置为false，那么它将按预期工作。但是我失去了优化的好处，不是吗？
不管怎样，我更喜欢使用 Grunt / Compass 进行优化和捆绑。我只是发现与内置的 Microsoft 优化器相比，我遇到的问题更少
不用担心，谢谢。在这个阶段，对我来说这将是一个有点可怕的变化。
最后我解决了这个问题，因为我的字体和文件夹结构存在问题，影响了捆绑。