我如何使用 yeoman 处理 Sass 文件？答案

【问题标题】：How i can use yeoman to work with Sass files?我如何使用 yeoman 处理 Sass 文件？
【发布时间】：2013-06-17 06:52:22
【问题描述】：

我尝试使用 yeoman 编译一个位于 app/styles 目录下的 styles.sass 文件。

在我的 index.html 中我写：

<!-- build:css(.tmp/styles) styles/styles.css -->
<link rel="stylesheet" href="styles/style.sass" />
<!-- endbuild -->

当我启动 grunt 服务器时

Sass 文件被监听并编译成

.tmp/styles/

但是在我的 dist/styles 目录中，我的 xxxxxxx.styles.css 中没有写任何东西

我可以错过什么吗？

【问题讨论】：

最好在 Yeoman IRC 频道询问 - yeoman.io/generators.html#get-help
另请注意，有两种方法可以做 Sass - .sass 和 .scss 后者是较新的可能更好的方法？我使用前一种方式使用 sass watch 时遇到了一些编译错误。thesassway.com/editorial/sass-vs-scss-which-syntax-is-better

【解决方案1】：

你的 Sass 在运行 grunt server 时会编译成 .tmp/styles，因为它只是临时的。这样做是为了不会在您的 app 目录中创建一团乱七八糟的编译 CSS 文件。当您运行grunt 时，它会将其编译到dist/styles 文件夹中。

【讨论】：

感谢您的回答。当我运行 grunt 时，它会将其编译为 .tmp/styles。它在 dist/styles 中创建文件，但里面没有。我编辑了我的第一条消息，向您展示了我的 index.html 中的命令。我有 yeoman 1.0 的默认 grunt.js。
@kalaoke Try <link rel="stylesheet" href="styles/main.css"> -- 对于 Sass 文件，您的 <link> 应该指向生成的 css 文件。