3

我今天想试试 yeoman 的 scss 支持。我遵循了以下程序：

  • $哟角度
  • 包括 Twitter 引导程序？是的
  • 将 SCSS 版本的 Twitter Bootstrap 与 Compass CSS 创作框架一起使用？是的
  • $ 咕噜服务器

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

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

4

2 回答 2

0

您不应该将“.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”。

于 2013-10-04T12:35:11.223 回答
0

我有同样的问题，你的 main.scss 文件有引导 css 的问题

我删除了该行（ 2. line ）

@import 'bootstrap-sass-official/vendor/assets/stylesheets/bootstrap';

并且没有更多的问题。它编译为 main.css

于 2014-07-27T17:14:50.083 回答