css - Rails 3.1 - 强制 SCSS 变量值刷新？

Question

我在我的 assets/stylesheets 目录中设置了一组 [object].css.scss 样式，以对应我应用程序中的不同 View 。每个工作表的第一行都包含一组全局样式变量值:

@import "branding.css.scss";

然后在整个库中需要时访问变量值($primaryColor、$secondaryColor 等)。

它干得很漂亮，但不幸的是，当我更改 _branding.css.scss 文件中的变量值时，Rails 不会刷新对象样式表。在 SCSS 使用更新的变量值重新编译对象样式库之前，我必须去触摸每个文件。

这是一个小问题，但它会破坏工作流程，尤其是当我不断清除浏览器缓存以尝试修复它时:/

有没有更好的方法来组织变量？

有什么办法可以强制刷新吗？

Answer 1

我一直在将变量和 mixins 放入 includes.css.scss 文件中，并将它们导入到需要它们的每个样式表中。要在更改包含文件时使 Rails 重新编译，您需要在 application.js 中使用 depend_on 指令。例如:

application.css:

/*
   *= depend_on includes
   *= require_self
   *= require stylesheet
*/

includes.css.scss:

$bg-color: #999;

stylesheet.css.scss:

@import "includes.css.scss";

body { background: $bg-color; }