css - 如何使用 WebOptimization 和 Bundling 将 CSS 添加到 ASP.NET 站点

Question

我创建了一个 ASP.NET 表单站点作为沙箱，并使用 NuGet 添加了我刚刚学习的 Bootstrap。想换个主题，于是下载了一个主题，把最小化后的文件改名为theme1-bootstrap.min.css。如果我只是替换现有的 boostrap.min.css，一切都会按预期进行。

但是，我在想(可能是错误的)这不是一个好主意，最好在原始 bootstrap.min.css 之后加载我的主题 bootstrap.min.css。这就是我正在使用的引用对 html 文件中的语句所做的。

但是 ASP.NET 元素与我使用的 html 引用有点不同，我在任何地方都找不到任何语句。我认为它与 Bundle.config 或 site.master 中的行有关 <webopt:bundlereference runat="server" path="~/Content/css" />

如果我知道发生了什么以及应用我的主题的最佳实践是什么，我将不胜感激。谢谢。

Answer 1

看看 ~/AppStart/BundleConfig.cs:

        bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css"));

这意味着 Web 优化将搜索文件 bootstrap.css 和 site.css 原样或带有 ​​.min 后缀的文件。 因此，如果您需要将 theme1-bootstrap.min.css 添加到 bundle - 您需要像这样扩展它:

    bundles.Add(new StyleBundle("~/Content/css").Include(
              "~/Content/bootstrap.css",
              "~/Content/site.css",
              "~/Content/theme1-bootstrap.css"));