バンドルCSS CDN

Question

私は、小型化とバンドルを適用する前に作業現場を持っていました。元のCSSは書いていませんでした。この問題は、3つの@import urlステートメントがGoogleフォントのインポートに使用されていることに起因しています。

問題を解決するために、@import urlを関連するCSSファイルから削除し、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

明らかに構文は正しいです。 @import urlステートメントを含むCSSスタイルシートが提示されたときに、最適化フレームワークが抑制されるknownbugがあります。

回避策は、それに値する価値があるにはあまりにも厄介です。うまくいけば、これは他人に役立つだろう。私はこのバグ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'