MVC4 스타일 번들의 이미지 경로를 해결하는 방법은 무엇입니까?

MVC4 StyleBundle 이미지 해상도

MVC4에서 CSS를 번들링하면 jQuery UI에 있는 것과 같은 독립형 CSS 및 이미지 세트를 처리할 때 문제가 발생합니다. 이미지의 적절한 해상도를 보장하려면 다음 지침을 따르십시오.

StyleBundle 정의

StyleBundle을 생성할 때 실제 콘텐츠 경로와 충돌하지 않는 가상 경로를 지정하세요. . 예:

bundles.Add(new StyleBundle("~/Content/css/jquery-ui")
     .Include("~/Content/css/jquery-ui/*.css"));

상대 이미지 경로

CSS의 이미지 경로는 CSS 파일 자체를 기준으로 해야 합니다. 번들 핸들러가 URL의 가상 경로를 번들 CSS의 실제 경로로 대체하기 때문에 이는 중요합니다.

동일 폴더에서 CSS 번들

CSS 번들 동일한 폴더의 파일을 사용하면 상대 이미지 경로가 계속 작동합니다. 소스 파일과 동일한 경로에 번들을 정의하십시오.

bundles.Add(new StyleBundle("~/Content/css/jquery-ui/bundle")
     .Include("~/Content/css/jquery-ui/*.css"));

CssRewriteUrlTransformation

또는 다음과 같은 경우 CssRewriteUrlTransformation을 적용하여 CSS 파일에 대한 상대 URL 참조를 다시 작성할 수 있습니다. 번들로 제공됩니다. 이렇게 하면 이미지 해상도를 유지하면서 다른 폴더에서 번들로 묶을 수 있습니다.

bundles.Add(new StyleBundle("~/Content/css/jquery-ui/bundle")
     .Include("~/Content/css/jquery-ui/*.css",
              new CssRewriteUrlTransform()));

위 내용은 MVC4 스타일 번들의 이미지 경로를 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!