通過Bower在--libsass環境中安裝Foundation-Icon-Fonts

Question

我正在使用Foundation 5 - foundation-libsass-template。使用涼亭我已經使用以下命令添加了基礎圖標"bower install foundation-icons --save"。該命令下載基礎圖標包並將其保存到bower_components文件夾並修改我的bower.json文件。

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

問題： 當我添加@import "foundation-icon-fonts";我app.scss文件咕嚕，因爲它無法找到該文件返回一個錯誤：

警告： 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";