即使使用@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語句），並將其包含在任何包中。