如何观看 bootstrap sass答案

【问题标题】：How to watch bootstrap sass如何观看 bootstrap sass
【发布时间】：2015-12-01 15:18:00
【问题描述】：

我已经下载了bootstrap sass 并将资产内容放在我的public/sass 目录中。我应该如何查看更改并将其更新为 css 文件。我尝试使用该命令（在我的 public/sass 目录中）

compass watch

我在控制台中收到“Compass 正在监视更改”的消息。例如，当我在 public/sass/stylesheets/_variables.scss 中更改某些内容时，我想在 /public/css/style.css 中自动生成一个 .css，但没有任何反应（控制台不会通知更改）。我应该使用什么命令来观察变化？

我的目标是向 css 添加一些自定义类，因此我只需要在我的 html 中导入一个 css 文件。

【问题讨论】：

我不知道如何删除这个问题，我发布了一个新的更全球性的问题，以便更容易理解过程stackoverflow.com/questions/32415927/how-to-use-bootstrap-sass。

标签： twitter-bootstrap laravel sass

【解决方案1】：

以下划线 _ 为前缀的文件会被编译器忽略，因为它们是“部分”，将通过 @import 在您的 Sass 架构中使用。

【讨论】：

我应该如何添加自定义类而不是？
假设你已经运行compass create你有两个文件夹'sass'和'stylesheets'，所有在'sass'文件夹中没有下划线前缀的新文件，如*.scss将被复制并编译到 'stylesheets' 文件夹中的 *.css 中。但这不是一个好方法，您宁愿拥有一个main.sccs 和很多_partial.scss，然后可以使用@import '_partial.scss' 在main.scss 中包含_partial.scss。然后，您将拥有一个包含所有样式的已编译 *.css 文件。干杯。

【解决方案2】：

在运行compass watch 的目录中还应该有一个config.rb 文件。

在此文件中，您应该指定要监视更改的目录，以及写入输出的目标目录。

我建议不要将您的 SASS 文件放在 /public 中，而将它们放在旁边的另一个目录中，例如 /stylesheets。

关注the Compass config.rb instructions 设置您的 config.rb 文件。

【讨论】：

【解决方案3】：

确保你有 config.rb。 Config.rb 是连接 scss 和 css 样式表的粘合剂。

【讨论】：