sass - yeoman、SCSS、Bower 服务器、未找到样式/main.css

Question

我今天想尝试 yeoman 的 scss 支持。我遵循了程序:

• $哟角
• 包括 Twitter Bootstrap？是的
• 将 Twitter Bootstrap 的 SCSS 版本与 Compass CSS 创作框架一起使用？是的
• $ grunt 服务器

然后默认 View 加载但没有样式格式。在控制台中我可以看到它找不到/styles/main.css 文件。
我看到 compass 把文件放在 .tmp/styles/main.css 中，所以我尝试在 index.html 中更改它。但是一样。此外，我的项目文件夹中没有 .tmp 目录。

所以我运行了“grunt build”并在 MAMP 服务器的 dist 目录中加载了 index.html。相同，没有 css 格式，而且控制台没有错误

Answer 1

您不应该将“.tmp”路径放在 index.html 中的任何位置，它应该指向“styles/main.css”，如下所示:

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

您还应该在“app/styles/main.scss”中拥有您的实际样式文件，Yeoman 应该已经为您创建了该文件。当你运行“grunt server”时，它使用 compass 将所有 scss 文件编译成一个 css 文件，它暂时放在“.tmp”下，但只要你的 scss 文件就位，你就不必担心这个。我的猜测是您以某种方式删除或重命名了 main.scss 文件；例如，您不应该将其重命名为“main.css”。