在我的应用程序中，我有2种布局，一种用于应用程序本身，一种用于网站（关于我们，联系人等）。
我已经在application.css.scss上导入了用于应用程序布局的scss文件。
现在，我试图导入其他一些仅在网站布局上应用的scss文件，以免混乱应用程序布局。
这些文件使用$ white这样的变量。
我看到的建议是将scss文件应用于特定的布局，例如将其导入到布局文件本身中，例如 <%= stylesheet_link_tag "variables" %>
但是看不到变量。我知道这是行不通的，因为要使文件作为sass处理，我需要在application.css.scss上使用@import。但是，如果我这样做的话，它们将无处不在。
scss文件放在供应商文件夹中。
我的假设正确吗？是否有实现我想要的替代方法？
我猜您最好的选择是对每个布局（application.scss和theother.scss）使用不同的CSS，因为变量需要在资产预编译时应用。
theother.scss 将是这样的：
/*
*= require 'variables'
*= require 'application'
*/
如果您需要文件覆盖其他变量，则可能需要更改require 'application'其中的所有内容。requirevariables
然后theother.scss，您将添加为要在rails config上进行预编译的资产：
Rails.application.config.assets.precompile += %w( theother.css )
最后，在一种布局上使用：
stylesheet_link_tag "application"
另一方面，您使用：
stylesheet_link_tag "theother"
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句