我在assets / stylesheets目录中设置了一组[object] .css.scss样式,以便与我的应用程序中的不同视图相对应.每个工作表在第一行中包含一组全局样式变量值：
@import "branding.css.scss";
然后在需要时访问变量值($primaryColor,$secondaryColor等).
它非常干燥,但不幸的是,当我对_branding.css.scss文件中的变量值进行更改时,Rails不会刷新对象样式表.在SCSS使用更新的变量值重新编译对象样式库之前,我必须去触摸每个文件.
这是一个小小的抱怨,但它对工作流程有破坏性,特别是当我不断清理浏览器缓存试图修复它时：
有没有更好的方法来组织变量？
有没有办法强制刷新？
最佳答案
我一直把变量和mixin放到includes.css.scss文件中,然后将它们导入到需要它们的每个样式表中.要在更改包含文件时重新编译Rails,您需要在application.js中使用depend_on指令.例如：
原文链接：https://www.f2er.com/css/427064.htmlapplication.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; }
