각도 응용 프로그램 및 구성 요소의 Scss 구조

Question

서비스가 제공되는 응용 프로그램을 제공 할 때 오류가 발생합니다. footer 내의 scss 파일은 assets에서 styles.css를 참조합니다. 그러나 일부 scss 파일은 assets/styles/styles.css의 백그라운드 (../ icons/icon.svg)와 같은 상대 경로를 사용하는 아이콘에서 svg를 참조합니다. 이 파일을 footer.component.scss에서 가져 오면 경로가 끊어집니다. 해당 폴더에 존재하지 않지만 src/assets/icons 아래에있는 src/app/layouts/icons/icon.svg를 참조하려고합니다.

├── app 
| ├── layouts 
|  |──footer 
|   ├── footer.component.ts 
|   ├── footer.component.scss 
| 
├── assets 
| ├── icons 
| ├── css 
|  |──pallette.scss 
|  |──_helpers.scss 
|  |──styles.scss 

내가 다른 프로젝트에 대해 공유 할 수있는 구성 요소와 모듈 응용 프로그램이있다 달성하기 위해 노력하고 목표 등이 일을 할 수있는 완전히 다른 구조와 접근 방법이있을 수 있습니다, 나는 모두에게 열려입니다 제안.

Answer 1

../icons/icon.svg은 올바른 경로가 아닙니다.

/assets/icons/icon.svg으로 시도하면 정상적으로 작동합니다.