html - Bundle 对 css 无效

Question

我在布局中包含了这些 css 文件

<!-- Dropdown Menu -->
<link rel="stylesheet" href="~/Content/superfish.css">
<!-- Date Picker -->
<link rel="stylesheet" href="~/Content/bootstrap-datepicker.min.css">
<!-- CS Select -->
<link rel="stylesheet" href="~/Content/cs-select.css">
<link rel="stylesheet" href="~/Content/cs-skin-border.css">
<!-- Themify Icons -->
<link rel="stylesheet" href="~/Content/themify-icons.css">
<!-- Flat Icon -->
<link rel="stylesheet" href="~/Content/flaticon.css">
<!-- Icomoon -->
<link rel="stylesheet" href="~/Content/icomoon.css">
<!-- Flexslider  -->
<link rel="stylesheet" href="~/Content/flexslider.css">
<!-- Style -->
<link rel="stylesheet" href="~/Content/style.css">

现在我想将这些文件移动到 bundle 中，所以我这样做了:

public static void RegisterBundler(BundleCollection bundles)
    {
        bundles.Add(new StyleBundle("~/Content/style.css").Include(
            "~/Content/superfish.css",
            "~/Content/bootstrap-datepicker.min.css",
            "~/Content/cs-select.css",
            "~/Content/cs-skin-border.css",
            "~/Content/themify-icons.css",
            "~/Content/flaticon.css",
            "~/Content/icomoon.css",
            "~/Content/flexslider.css",
            "~/Content/style.css"
            ));

        BundleTable.EnableOptimizations = true;
    }

在我的布局中:

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

但是从这个:

它是这样的:

当我打开这个新的 css 文件(来自浏览器开发工具)时，一些 css 代码丢失了。特别是整个第一个文件都丢失了 (superfish.css) 但它与其他文件位于同一文件夹中

我做错了什么？

Answer 1

它可能会混淆并呈现实际的 style.css 而不是包。尝试将包的名称更改为其他名称，即 new StyleBundle("~/Content/main.css")。此外，您可能使用了错误的渲染 - 它应该是 @Styles.Render("~/Content/style") (注意删除的 .css 部分)