ruby - 如何在 Sinatra 应用程序中链接 Sass 文件？

Question

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

Answer 1

您可以使用 Sass::Plugin::Rack

首先安装 Sass gem。

如果您使用的是 Bundler，请将它添加到您的 Gemfile 中:gem 'sass'。

在你的 config.ru 添加:

require 'sass/plugin/rack'

Sass::Plugin.options[:style] = :compressed
use Sass::Plugin::Rack

然后在 public/stylesheets/sass/ 中创建一个文件夹，并将所有 .scss 和 .sass 文件放在那里。

这将在 public/stylesheets/

中创建相应的 .css

例如:public/stylesheets/sass/style.scss 会生成public/stylesheets/style.css

就是这样，您可以更改默认路径并更改 reference docs 中提到的其他选项