MVC4 StyleBundle을 사용할 때 이미지가 손상되는 이유는 무엇입니까?

MVC4 StyleBundle 이미지 문제 해결

MVC의 StyleBundle을 사용하여 CSS 파일과 하위 폴더 내의 외부 이미지 참조를 결합할 때 문제가 발생합니다. 실제 콘텐츠 경로와 일치하지 않는 가상 경로를 사용하여 번들을 정의하면 CSS 파일 내의 상대 이미지 경로가 손상됩니다.

해결 방법

올바른 접근 방식 결합되는 소스 파일과 동일한 경로에 번들을 정의하는 것입니다. 예:

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

소스 CSS 파일과 동일한 경로에 번들을 정의하면 상대 이미지 경로가 유효하게 유지됩니다. 이는 번들 경로의 마지막 부분이 번들 CSS 파일의 파일 이름 역할을 효과적으로 수행하기 때문입니다.

대체 솔루션

Hao Kung이 제안한 대체 접근 방식 CssRewriteUrlTransformation을 사용하여 번들 CSS 내에서 이미지 참조를 다시 작성하는 것입니다. 파일:

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

이 변환은 번들링 후 올바른 위치를 가리키도록 상대 이미지 경로를 자동으로 수정합니다.

참고

CssRewriteUrlTransformation을 사용하는 경우 가상 디렉터리 내 절대 경로 다시 쓰기와 관련된 잠재적인 문제를 인식하는 것이 중요합니다. 이 동작은 모든 시나리오에 적합하지 않을 수 있습니다.

위 내용은 MVC4 StyleBundle을 사용할 때 이미지가 손상되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!