捆綁CSS CDN

Question

在應用縮小和捆綁之前，我有一個工作網站。我沒有寫出原來的CSS。這個問題源於三個@import url陳述被用來引入谷歌字體。

爲了解決這個問題，我決定從相關的CSS文件中刪除@import url，並將它們分別添加到我的BundleConfig.cs類中。但是，我無法弄清楚發生這種情況的語法：

public static void RegisterBundles(BundleCollection bundles) 
{ 
    .... 
    bundles.UseCdn = true; 
    var templateOriginalPath1 
     = "http://fonts.googleapis.com/css?family=Lobster"; 
    var templateOriginalPath2 = 
     "http://fonts.googleapis.com/css?family=Oswald:400,700,300"; 
    var templateOriginalPath3 
     = "http://fonts.googleapis.com/css?family 
     =Ubuntu:300,400,500,700,300italic,400italic,700italic"; 
    .... 

    bundles.Add(new StyleBundle("~/bundles/templateOriginal1", 
     templateOriginalPath1)); 
    bundles.Add(new StyleBundle("~/bundles/templateOriginal2", 
     templateOriginalPath2)); 
    bundles.Add(new StyleBundle("~/bundles/templateOriginal3", 
     templateOriginalPath3)); 
} 

Answer 1

顯然，語法是正確的。有一個knownbug這會導致優化框架在呈現包含@import url語句的CSS樣式表時出現窒息。

解決方法是太麻煩了，值得。希望這會對其他人有用。我看到第一個提到這個bug here。

你必須檢查響應頭的開發工具（我使用Firefox瀏覽器開發商）以查看錯誤的詳細信息：

/* Minification failed. Returning unminified contents. 
(1409,1): run-time error CSS1019: Unexpected token, found '@import' 
(1409,9): run-time error CSS1019: Unexpected token, 
    found '"http://fonts.googleapis.com/css?family=Lobster"' 
(1409,57): run-time error CSS1019: Unexpected token, found ';' 
(1410,1): run-time error CSS1019: Unexpected token, found '@import'