번들링 CSS CDN

Question

축소 및 번들을 적용하기 전에 작업 사이트를 운영했습니다. 나는 원래의 CSS를 쓰지 않았다. 이 문제는 3 개의 @import url 문이 Google 글꼴 가져 오기에 사용됨에 따라 발생합니다.

문제를 해결하기 위해 관련 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

분명히 구문이 정확합니다. @import url 문을 포함하는 CSS 스타일 시트가 제시 될 때 최적화 프레임 워크가 중단되는 knownbug이 있습니다.

해결 방법은 너무 많은 가치가있는 문제입니다. 희망적으로 이것은 다른 사람들에게 유용 할 것입니다. 이 버그에 대한 첫 번째 언급을 보았습니다 here.

당신은 오류의 세부 사항보고 (I 파이어 폭스 개발자 브라우저를 사용하는) 개발자 도구의 응답 헤더를 검사 할 수 있습니다

/* 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' 

을