Symfony 2의 CSS 파일에서 이미지를 올바르게 참조하는 방법은 무엇입니까?

Symfony 2의 CSS 파일에 있는 자산 경로

이 토론에서는 원하는 이미지를 유지하면서 CSS 파일에서 이미지를 참조하는 솔루션을 찾는 데 중점을 둡니다. Symfony 2의 디렉토리 구조. 목표는 CSS 파일의 경로 문제를 해결하고 원본 소스 파일을 대중에게 노출하지 않고도 이미지에 액세스할 수 있도록 하는 것입니다.

이전 솔루션

초기 시도에서는 CSS 파일에 절대 경로를 하드코딩하여 애플리케이션이 하위 디렉터리와 호환되지 않게 만들었습니다. filter="cssrewrite"가 포함된 Assetic도 사용되었지만 잘못된 경로 생성이 발생했습니다.

현재(선호) 솔루션

선호되는 솔루션은 CSS 파일을 다음 위치에 저장하는 것입니다. "Resources/assets/css" 디렉터리와 "Resources/public/images" 디렉터리의 이미지. "url("../images/myimage.png")"와 같은 CSS 파일의 상대 참조를 통해 컴파일 시 올바른 경로가 생성됩니다. 이 접근 방식은 개발 환경과 프로덕션 환경 모두에서 완벽하게 작동합니다.

토론 및 분석

저자는 @표기법, 상대 표기법, CSS 재작성, 이미지 배경과 src, 애셋 유무에 따른 구문 분석. 결과에 따르면 특정 옵션만이 원하는 동작을 수행하는 것으로 나타났습니다.

솔루션 설명

성공적인 접근 방식이 필요합니다.

1. "public" 디렉토리.
2. assetic을 사용하여 "public" 디렉토리에서 CSS 구축.
3. 직접 "public/images" 디렉터리의 src가 있는 태그.

최종 생각 및 고려 사항

보안 강화를 위해 원본 CSS 파일을 다음 위치에 저장하는 것이 좋습니다. "assets" 디렉터리를 복사하고 배포 프로세스에서 컴파일하기 전에 이를 "public" 디렉터리에 복사하도록 합니다. 또는 컴파일 후 이러한 파일 제거를 스크립트로 작성했다면 개발 중에 --symlink 사용을 위해 원본을 "public" 디렉토리에 저장할 수 있습니다.

위 내용은 Symfony 2의 CSS 파일에서 이미지를 올바르게 참조하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!