0

我正在使用 Foundation 5 -foundation-libsass-template。使用 bower，我使用以下命令添加了基础图标"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 文件时，Grunt 返回一个错误，因为它找不到该文件：

警告：C:/Users/Chris/Websites/example.com/lp/new/scss/app.scss:3：找不到或无法读取要导入的文件：“foundation-icon-fonts”

问题 1：我是否需要修改 Grunt.js 文件才能包含此库？如果是这样，有人可以提供一个例子吗？谢谢。

4

1 回答 1

0

好吧，我不使用那个包，但是@importCSS 指令（和 Sass 版本）需要正确的导入路径。因此，由于您将其用作 Bower 模块，我想您将需要类似以下内容：

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

但是，当我在系统上安装 Bower 包时，它看起来有多个目录，其中包含字体和样式表：

.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";
于 2014-12-22T14:52:02.480 回答