--libsass 환경에서 Bower를 통해 Foundation-Icon-Fonts 설치

Question

Foundation 5 - foundation-libsass-template을 사용하고 있습니다. bower 사용하기 나는 다음 명령으로 기초 아이콘을 추가했습니다 : "bower install foundation-icons --save". 이 명령은 foundation-icon 패키지를 다운로드하여 bower_components 폴더에 저장하고 bower.json 파일을 수정합니다.

{ 
    "name": "foundation-libsass-template", 
    "dependencies": { 
    "foundation": "zurb/bower-foundation", 
    "foundation-icon-fonts": "zurb/foundation-icon-fonts" 
    } 
} 

문제 : 나는 그것이 파일을 찾을 수 없기 때문에 내 app.scss 파일 그런트에 @import "foundation-icon-fonts";가 오류를 반환 추가 할 때 :

경고 : C :/사용자/크리스/웹 사이트 /example.com/lp/new/scss/app.scss:3 : 파일이 없거나 읽을 수 없습니다 가져 오려면 "재단 - 아이콘 - 글꼴"

질문 1 : 내가 그런트를 수정해야합니까 . 이 라이브러리를 포함하려면 js 파일을 사용 하시겠습니까? 그렇다면 예제를 제공해 줄 수 있습니까? 감사.

Answer 1

글쎄, 나는 그 패키지를 사용하지 않지만, @import CSS 지시어 (및 Sass 버전)는 가져 오기에 올바른 경로가 필요하다. 그래서, 당신은 바우어 모듈로이를 사용하고 있기 때문에, 난 당신이 같은 필요가 상상하는 것 : 내 시스템에 설치하면 바우어 패키지를 보면

@import "bower_components/foundation-icons/path-to-styles.css"; 

을있는 것처럼, 그러나, 그것은 보인다 글꼴 및 스타일 시트가있는 여러 디렉토리 :

.bower.json 
foundation_icons_accessibility/ 
foundation_icons_general/ 
foundation_icons_general_enclosed/ 
foundation_icons_social/ 
.gitignore 
MIT-LICENSE.txt 
README.markdown 

디렉토리를 지정해야 할 수도 있습니다.

@import "bower_components/path-to-foundation/foundation_icons_general/sass/general_foundicons.css";