C# 绑定css，即使使用@import

我正在用C#和Asp.NETMVC开发一个应用程序。我有各种各样的css文件，一个叫做

base.css

，然后使用

@import

规则将其导入其他css文件，如下所示：

@import url('base.css');

然后，我将css文件打包，以将其最小化为：

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

---

所以我的问题是，即使我要将

base.css

导入到另一个css中，我是否也必须将它捆绑起来？因为如果我不把它绑起来，那么样式就不能按要求工作

由于MVC捆绑程序在一个可能不同的位置创建了一个全新的文件（请参见捆绑名称中的完整路径），这些

import

语句的位置现在变得不准确

---

相反，您可以创建一个单独的CSS文件（或在

\u布局

页面上只包含那些

导入

语句的静态声明），并将其包含在任何捆绑包之外。

这可能不是您想要听到的答案，但为什么不在捆绑包中只包含

base.CSS

。导入会导致页面速度问题。捆绑后，您可以删除

@import

@ashleyedway，这可能是我要走的路线，但我只是想知道为什么它不起作用，从

@krillgar

答案来看，这很有意义啊，这基本上就是答案，我要补充的是，您可以通过将导入文件放在“相同”的位置（虚拟）来让它“起作用”如果将导入规则更新为：

@import-url（'/Content/base.css'），则将其作为捆绑包或使用绝对url

一旦其他样式被捆绑，它将继续工作，但最好完全删除该规则并将其包含在捆绑包中-这样您就可以利用捆绑服务中的其他优化（小型化等）。