使用Compass在Foundation 5的SASS/CSS问题

Question

我对Foundation 5推荐的SASS安装有疑问.

http://foundation.zurb.com/docs/sass.html

我在大约一周左右的时间里遵循了简要的教程,没有任何问题.一切似乎运行正常,看起来不错.

在接下来的几天里,我正在修改我正在进行的项目,但只将更改(CSS)放入custom.css文件中.在进入SASS的胆量之前,我想确保我的客户对我提出的设计感到满意.

今天晚上,我来到了SASS.compass watch在我做出任何改动之前我跑了,我立刻遇到了:

write stylesheets/app.css

index.html尽管没有做出任何改变,这完全搞砸了我.该app.css文件只是原始大小的一小部分(~750行与~8,500),因此页面几乎加载为原始HTML而没有有用的CSS - body例如,甚至没有任何样式的提示.

决定从头开始重新安装后,我仍然没有好转,并遇到了同样的问题.

根据基金会:

app.scss 在这里,您可以确定项目中的样式. 默认情况下,会导入所有Foundation,但您可以在此处停用并选择要导入的特定组件或添加自定义Sass.

当我第一次安装Foundation时,它全部导入为我加载的默认样式index.html.这是Zurb所描述的行为.现在它似乎只是抓住一些默认样式但不是整个事情,我不能为我的生活找出原因.

更新:一位朋友克隆了我的回购并没有任何问题.我已经做了同样的事情并再次遇到同样的问题 - 必须与我的环境有关.

进一步更新: compass watch仅编译两个Foundation文件,_icon-bar.scss并且_visibility.scss.它似乎甚至在这些文件中完全拉动任意行,所以它们中的某些东西也不正确.它不会从其他地方拉出任何东西.在下面的答案的评论中有几个pastebin链接.

我非常感谢对此的任何帮助.

感谢您抽出宝贵时间阅读.

Answer 1

我刚刚用Sass学习了Foundation 5,但你的问题和CSS输出看起来我的编译方式也是如此,有大量的注释,没有CSS被引入HTML中.

基金会论坛上的这个帖子真的帮助了我.好像最新的Sass和指南针不能正常工作？不确定细节,但Szabesz建议卸载最新的Sass和指南针并安装较旧的那些工作:

to uninstall:
sudo gem uninstall compass 1.0.0
sudo gem uninstall sass 3.4.0

to reinstall old versions:
sudo gem install sass --version 3.2.9
sudo gem install compass --version 0.12.7