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

标签 ruby sinatra sass

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

最佳答案

您可以使用 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 中提到的其他选项

关于ruby - 如何在 Sinatra 应用程序中链接 Sass 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4987183/

相关文章:

css - 创建带边框和不带边框的 Mixin

CSS 选择器链性能

css - 带规范化和 Codekit 的 SASS

Ruby 字符串连接

ruby - rspec 测试 ruby​​ 脚本

ruby-on-rails - 使用 Nokogiri 查找带有文本的链接时如何避免出现 "Invalid byte sequence"

javascript - 发送/解析多个 JSON 对象

ruby - Sinatra、Bundler 和 BUNDLE_PATH 混淆

Ruby:如何计算相对于另一条路径的路径?

RubyMine 5.4 sinatra 支持