即使使用@import捆绑CSS

Question

我正在用C＃和Asp.Net MVC开发应用程序。 我有各种各样的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中，也必须将其捆绑吗？ 因为如果我不笨拙，则样式将无法按要求工作。

Answer 1

由于MVC Bundler在可能不同的位置（请参阅束名称中的完整路径）创建一个全新的文件，因此这些import语句的位置现在变得不准确。

相反，您可以做的是创建一个单独的CSS文件（或_Layout页面上的静态声明，其中仅包含那些import语句），并将其包含在任何包中。