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

发布于 2024-10-17 08:50:10 字数 314 浏览 4 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

哎呦我呸! 2024-10-24 08:50:10

您可以使用 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 就这样

，您可以更改默认路径并更改参考文档

You can use Sass::Plugin::Rack

First install the Sass gem.

Add it in your Gemfile, if you are using Bundler: gem 'sass'.

In your config.ru add:

require 'sass/plugin/rack'

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

Then create a folder in public/stylesheets/sass/, and drop all your .scss and .sass files there.

This will create the corresponding .css in public/stylesheets/

For example: public/stylesheets/sass/style.scss will generate public/stylesheets/style.css

And that's it, you can change the paths from the default ones and change other options mentioned in the reference docs

回复收藏 0 原文

终难遇 2024-10-24 08:50:10

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

sass --watch style.scss:style.css 将设置 Sass 在 style.scss 发生更改时自动将其编译为 style.css。从 Sass 网站，

现在，每当您更改 style.scss 时，Sass 都会自动更新 style.css 进行更改。稍后当您有多个 Sass 文件时，您还可以查看整个目录

回复收藏 0 原文

笑着哭最痛 2024-10-24 08:50:10

你可以这样做：

get '/stylesheets/*.css' do
  content_type 'text/css', :charset => 'utf-8'
  filename = params[:splat].first
  sass filename.to_sym, :views => "#{settings.root}/assets/stylesheets"
end

You could do:

get '/stylesheets/*.css' do
  content_type 'text/css', :charset => 'utf-8'
  filename = params[:splat].first
  sass filename.to_sym, :views => "#{settings.root}/assets/stylesheets"
end

回复收藏 0 原文