如何使PHP变量保留在SASS / SCSS生成的CSS样式表中？

Question

我正在开发一个新的大型PHP / Symfony 2项目，并决定使用Sass / SCSS和Compass，它们对于以现代方式管理CSS确实很棒。 但是，仍然有一个我找不到答案的问题：如何将PHP变量放置在原始SCSS文件中并使它们保留在输出CSS文件中？

这不是一个细节，因为如果没有此功能，就无法将Sass生成的样式表与PHP交互，这在某些大型项目中可能确实受到限制。

明确地说，作为起点，我们可以通过经典方式将CSS与PHP进行接口连接，主要是这样的：

<link type="text/css" href="layout.css.php?my_var=#CC0000" rel="stylesheet" />

然后在伪CSS文件layout.css.php中，如上例所示：

<?php header("Content-type: text/css");?>

.my_color {
  background-color:<?=$_GET['my_var']?>;
}

---

现在，如何在SCSS / Compass中做等效的事情？ 换句话说，如何在原始SCSS文件中放置一些PHP变量，并将其保留在最终CSS输出文件中，以便像上面的示例中一样，可以使用PHP进一步对其进行实时解析？

当我尝试执行此操作时，Compass和SASS编译器由于PHP语法而失败。

Phamlp有一些针对PHP的过滤器，仅适用于haml模板，不适用于SCSS文件。

LESSphp似乎具有这样的功能 ，但是很多人似乎已经从LESS转向SCSS / Compass，那么最好的方法是什么？

非常感谢。

Answer 1

我真的不认为您想做您想做的事。

Sass，LESS和Stylus（注：我相信Stylus是一种比Sass更强大和灵活的语言）等语言的主要优点之一是它们可以预处理为裸CSS，然后由浏览器缓存或由CDN分发。 如果随后通过PHP运行该静态内容，则将完全失去该优势。

我相信，在当今时代，拥有您似乎想要实现的具有动态样式的内容的正确方法是使用Javascript：让您的应用程序提供静态JS文件，然后使用动态数据对其进行扩充。 在此示例中，您将具有一个询问服务器“用户首选的背景颜色是什么？”的函数。 （通过XMLHttpRequest或通过查看与原始PHP编写的页面一起提供的JSON对象）。 然后，它可能使用帮助程序库（例如jQuery）在适当的元素或元素的类上设置适当的属性。

与服务器端CSS生成相比，此方法的主要优势（例如适当的缓存，大量的服务器端静态内容，这意味着更好的站点响应能力，改进的关注点分离，由于未设置服务器而更易于实现备用UI）显示属性...）-唯一的缺点是它需要启用JS的浏览器。 请考虑一下。