将 Foundation SCSS 与 Yeoman 角度生成器一起使用答案

【问题标题】：Using Foundation SCSS with Yeoman angular-generator将 Foundation SCSS 与 Yeoman 角度生成器一起使用
【发布时间】：2014-09-15 05:03:40
【问题描述】：

我已经通过 Bower 安装了 Foundation，我可以通过在 bower.json 中将其设置为 main 来使用默认的foundation.css，然后它会自动包含在 html 中。所以，现在我想给我的 Foundation 东西做主题，但我不知道如何用 compass 和 grunt 等来做 scss 的东西。我该如何做到这一点？

如果能够使用指南针和所有这些进行基础工作，那就太好了。

我们将不胜感激！

编辑：我将此添加到我的基础包中的 bower.json 中：

"main": [
"scss/foundation.scss"
],

然后 grunt 添加 bower scss 导入，我手动添加了我的设置文件。我在 main.scss 中有以下内容：

@import "foundation/settings";
// bower:scss
@import "foundation/scss/foundation.scss";
// endbower

我正在导入设置文件和foundation.scss 文件，我没有收到任何错误，但我在屏幕上根本看不到任何样式。有什么想法吗？

【问题讨论】：

stackoverflow.com/questions/25673067/…
所以这是最新 Sass 的一个错误？
我查看了那个错误，我认为这不再是问题了。它的修复程序现在已合并到基础中。我会尝试全新安装，但我昨天才重新安装。
该问题中提到了 2 个不同的问题。据我所知，只有第一个已修补。
你确定那里有多个问题吗？这似乎是同一个问题，人们要求 sass 和基础来解决它。 Foundation 合并了该修复程序，因此 Foundation 现在应该可以工作了。请查看并确认。

标签： sass zurb-foundation yeoman

【解决方案1】：

这与新版本的 Sass 和 Foundation 的错误有关。要修复，我必须这样做：

bower uninstall foundation

然后手动进入我项目根目录中的 bower.json 并告诉它我想要这样的 Foundation 5.4.3： "foundation": "zurb/bower-foundation#~5.4.3"

然后只需执行bower cache clean 和bower install，它应该会再次工作。

【讨论】：