我找不到在我的代码中引入 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。
SASS/SCSS 是 CSS 预处理器(什么是 CSS 预处理器?),而不是不同版本的 CSS。这意味着 SASS 不能与常规样式表互换,因此您不能像通常使用 CSS 那样将 SASS 文件链接到网页。
相反,您创建一个 SASS 样式表,然后将其转换为适当的 CSS。您还可以使用能够自动处理/链接 SASS 的工具,例如Sprockets是 Ruby。同样在 Ruby 中,您可以使用sass-convert
终端中的命令将任何 SASS/SCSS 转换为 CSS,如下所示:
$ sass-convert style.sass > style.css
还有像PHPSass这样的 PHP 工具(请参阅此讨论了解更多信息)。