Question

我今天想要尝试对自耕农的scss支持。我按照程序进行了操作：

$ yo angular
包括Twitter Bootstrap？是
使用SCSS版本的Twitter Bootstrap和Compass CSS Authoring Framework？是
$ grunt server

然后默认视图加载但没有样式格式。在控制台中，我可以看到它无法找到/styles/main.css文件我已经看到指南针将文件放在.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服务器'时，它使用指南针将所有scss文件编译成一个临时放在'.tmp'下的单个css文件，但只要你的scss文件就位，你就不用担心这个了。我的猜测是你以某种方式删除或重命名了main.scss文件;你应该不将其重命名为'main.css'，例如。

Answer 2

我遇到了同样的问题，你的main.scss文件存在bootstrap css问题

我删除了行（2.行）

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

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

yeoman，SCSS，凉亭服务器，找不到styles / main.css

2 个答案: