如何在Sinatra应用程序中链接Sass文件?

我正在尝试将Sass文件链接到Sinatra应用程序。我有一个public/sass/styles.scss文件,正在尝试将其链接到我的views/layout.haml文件中。我能够使用下面的链接我的链接经常css文件layout.haml%link(rel="stylesheet" href="styles.css")但是,当我尝试链接到我的时sass/styles.scss,它不起作用。有人可以告诉我如何在Sinatra应用程序中链接Sass css文件吗?谢谢!

StafanEva2020/03/26 16:55:55

您不需要使用单独的gem来编译.scss文件,Sass具有内置功能。

sass --watch style.scss:style.css会将Sass设置为在更改时自动将style.scss编译为style.css。Sass网站上

现在,无论何时更改style.scss,Sass都会自动使用更改来更新style.css。稍后,当您有多个Sass文件时,您还可以查看整个目录

泡芙2020/03/26 16:55:54

您不链接scss,像sass这样的scss不是应该由浏览器解释的文件,您需要一个编译器来处理该文件并将其转换为css。

您需要使用罗盘gem来自动从scs生成css,然后按之前引用的方式链接css

这里有一个用于sinatra的指南针配置示例:

https://github.com/chriseppstein/compass/wiki/Sinatra-Integration