与 *= require_self 和 *= require_tree 等价的 SASS 是啥？

Posted 2023-03-06

【中文标题】与 *= require_self 和 *= require_tree 等价的 SASS 是啥？

【英文标题】：What is the SASS equivalent to *= require_self and *= require_tree .?与 *= require_self 和 *= require_tree 等价的 SASS 是什么？

【发布时间】：2015-11-28 15:06:55

【问题描述】：

我正在尝试解决我的 Rails 4 + Spree 应用程序中的一个问题，post 建议我将我的 all.css 文件转换为 all.scss (sass)。

如何转换

*= require spree/frontend
*= require_self
*= require_tree .

到@imports？

我做了

@import "spree/frontend";

这很简单，但现在我的应用程序“没有样式”，我很肯定这是因为其他两个指令。

谢谢！

【问题讨论】：

Is it possible to import a whole directory in sass using @import?的可能重复

【参考方案1】：

'require_tree' 将告诉资产管道包含指定目录中的所有文件。默认情况下，它设置为当前目录，带有 . （即点）。详情请参考http://guides.rubyonrails.org/asset_pipeline.html。

将 application.css 的文件名更改为 application.scss 后，\*=require_tree . 可以替换为 @import "/\*"（例如：- 在 mac 上，该语句将被翻译成类似 /Users/user_name/app_name/app/assets/stylesheets/*) 的路径。这里的* 导入了样式表目录中的所有文件。更多信息请参考Is it possible to import a whole directory in sass using @import?。

这应该可以解决您的问题。

但是，建议的解决方法是创建另一个扩展名为 .scss 的文件，其中包含您想要的所有导入，并在 application.scss 文件中使用 \*=require_self 和 \*=require_tree .。