2017-09-07 6 views
3

semantic.min.css 파일을 사용하고 싶습니다. Angular에서 기본 semantic.min.css를 사용하는 방법은 무엇입니까?

pic1

favicon.ico과 같은 디렉토리에 semantic.min.css

.

pic2

그러나 브라우저는 여전히이 파일을 얻을 수 없습니다. 제 질문은 favicon.ico가로드 할 수 있지만 semantic.min.css를로드 할 수없는 이유와 해결 방법입니다.

+0

첫 번째 사진이 죽은 것 같습니다. 두 파일은 같은 디렉토리 아래에 있습니다. –

+0

그림이 이제 인라인됩니다. – yacc

답변

2

정적 파일을 자산 디렉토리에 배치해야한다고 생각합니다. 당신이 다음 각-CLI를 사용하는 경우 당신은 이미

"apps": [ 
    { 
     "assets": [ 
     "assets", 
     "favicon.ico" 
     ], 
    } 
] 

그런 다음이 블록에 CSS 파일을 쓰기 CLI의 설정에서 자산을 포함했다

"styles": [ 
    "/path-to-css/semantic.min.css", 
    ] 

의미는 CSS 전용 버전은 NPM https://github.com/Semantic-Org/Semantic-UI-CSS를 통해 설치 시도가 을 고칠 [ "../node_modules/semantic-ui-css/dist/semantic.min.css는"// 정확히 경로 아니다 :

"스타일", 당신은 좋아 여기에 경로를 추가 할 수 있습니다 ],

+0

많이 바꿔 주셔서 감사합니다! 나는이 일을 얻는다. 정말 도움이됩니다! –

+0

문제가되지 않았다면, 도움이 되었다면 대답을 받아주십시오. 고마워요. –

+0

답변을 수락 할 곳 ..? –

관련 문제