即使使用@import捆綁css

我正在C＃和Asp.Net MVC中開發應用程序。我有不同的CSS文件中的一個使用@import規則稱爲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嗎？因爲如果我不包裝它，那麼造型不能按要求運作。

2016-09-07 Izzy

這可能不是你想聽到的答案，但爲什麼不在你的包中包含'base.css'。已知導入會導致頁面速度問題。一旦捆綁，你可以刪除@ @進口' –

@AshleyMedway這可能是我要去的路線，但我只是想知道爲什麼它不起作用，從@ @ krillgar'答案是有道理的 – Izzy

是的，這是基本上是答案，我會補充說，你可以通過讓你的導入文件在你的包的「相同」位置（虛擬）或通過使用絕對URL來讓它「工作」 –

由於MVC Bundler在可能不同的位置創建了一個全新的文件（請參閱包名中的完整路徑），這些import語句的位置現在變得不準確。

你可以做的只是創建一個單獨的CSS文件（或者在你的_Layout頁面上的靜態聲明，其中只包含那些import語句），並且包含在任何包之外。

2016-09-07 11:44:09 krillgar

回答