如何将SCSS集成到我的代码中

Question

我找不到在我的代码中引入SCSS的方法。我想改变这个：

<link href='css.css' rel='stylesheet' type='text/css'>

到

<link href='css.scss' rel='stylesheet' type='text/scss'>

但它不起作用。甚至将type ='text / scss'更改为type ='text / css'。 如何将SCSS集成到代码中。

PS：我正在使用最新的OSX。

Answer 1

SASS / SCSS是一个CSS预处理器（What's a CSS Pre-Processor?），而不是CSS的不同版本。这意味着SASS不能与常规样式表互换，因此您不能像通常使用CSS那样将SASS文件链接到网页。

相反，您创建一个SASS样式表，然后将其转换为适当的CSS。您还可以使用能够自动处理/链接SASS的工具，例如Sprockets是Ruby。同样在Ruby中，您可以使用终端的sass-convert命令将任何SASS / SCSS转换为CSS，如下所示：

$ sass-convert style.sass > style.css

还有PHPSass（see this discussion for more）等PHP工具。