>  기사  >  백엔드 개발  >  다음은 질문과 답변 형식을 강조하는 몇 가지 제목 옵션입니다. **옵션 1(도전과제 및 솔루션에 집중):** * **Symf의 다른 디렉터리에 있는 CSS 파일의 이미지를 참조하는 방법

다음은 질문과 답변 형식을 강조하는 몇 가지 제목 옵션입니다. **옵션 1(도전과제 및 솔루션에 집중):** * **Symf의 다른 디렉터리에 있는 CSS 파일의 이미지를 참조하는 방법

Susan Sarandon
Susan Sarandon원래의
2024-10-24 18:49:59551검색

Here are a few title options, emphasizing the question-and-answer format:

**Option 1 (Focus on challenges and solution):**

* **How to Reference Images in CSS Files from Different Directories in Symfony 2?** 

**Option 2 (Highlighting specific issue):**

Symfony 2의 CSS 파일 자산 경로

Symfony 2의 맥락에서 CSS 파일의 이미지를 참조하는 데 어려움이 있었습니다. 다른 디렉토리 구조에서. 다음 디렉토리 구조를 고려하십시오.

...
+-src/
| +-MyCompany/
|   +-MyBundle/
|     +-Resources/
|       +-assets/
|         +-css/
|           +-stylesheets...
+-web/
| +-images/
|   +-images...
...

원래 CSS 파일을 자산 디렉토리(/src/MyCompany/MyBundle/Resources/)에 보관하는 모범 사례를 준수하면서 스타일시트의 이미지를 참조하려고 할 때 문제가 발생합니다. 자산/css/) 및 공개 디렉토리(/web/images/)의 이미지.

초기 솔루션

초기 시도에는 " cssrewrite" 필터입니다. 그러나 이러한 솔루션은 효과가 없는 것으로 나타났습니다.

현재 솔루션

현재 솔루션에는 CSS 파일의 상대 경로를 활용하고 그에 따라 나뭇가지를 조정하는 것이 포함됩니다. 절대 경로를 사용하는 대신 이미지는 다음과 같이 참조됩니다.

url("../images/myimage.png")

이 솔루션은 프로덕션 환경에서 작동하지만 개발 환경에서 문제가 발생하여 NotFoundHttpException이 발생합니다.

개선된 솔루션

이 문제를 극복하기 위해 향상된 솔루션에는 CSS 파일을 공용 디렉토리에 두고 자산 기능을 사용하여 이미지를 참조하는 것이 포함됩니다. 또한, Assetic:dump 명령 후에 원본 CSS 파일을 제거할 수 있습니다. 이를 통해 이미지를 올바르게 참조하면서 원본 CSS 파일을 비공개로 유지하는 원하는 동작이 가능해졌습니다.

최종 우승자

다양한 방법을 테스트한 결과 공개 디렉토리에 있는 CSS 파일을 사용하는 자산 기능입니다. 이 접근 방식은 이미지의 적절한 참조를 보장하면서 원본 CSS 파일을 게시되지 않은 상태로 유지해야 한다는 요구 사항을 준수합니다.

위 내용은 다음은 질문과 답변 형식을 강조하는 몇 가지 제목 옵션입니다. **옵션 1(도전과제 및 솔루션에 집중):** * **Symf의 다른 디렉터리에 있는 CSS 파일의 이미지를 참조하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.