即使使用@import也要捆绑css

Question

我正在使用C＃和Asp.Net MVC开发应用程序。我有一个名为base.css的各种css文件，然后我使用@import规则将其导入到其他css文件中：

@import url('base.css');

然后我捆绑我的css文件以最小化它们：

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

所以我的问题是，即使我将其导入另一个css，我也必须捆绑base.css吗？因为如果我没有使用它，那么造型就不会按要求工作。

Answer 1

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

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