如何使用 Sinatra 指定自定义 Sass 目录

Question

我不想从默认的“views”目录中提供我的 Sass 文件，而是将其更改为 /assets/sass

以下尝试在我的应用程序的主 ruby​​ 根文件中：

尝试 1：

set :sass, Proc.new { File.join(root, "assets/sass") }

get '/stylesheet.css' do
    sass :core
end

这样我得到以下错误：

 myapp.rb:17 NoMethodError: undefined method `merge' for "/Users/x/x/x/mysinatraapp/assets/sass":String

尝试 2：

get '/stylesheet.css' do
    sass :'/assets/sass/core'
end

尝试 3：

get '/stylesheet.css' do
    sass :'/assets/sass/core'
end

两者都返回以下错误：

Errno::ENOENT: No such file or directory - ./views/assets/sass/core.sass

尝试 4：

get '/stylesheet.css' do
    sass :'../assets/sass/core'
end

这行得通！但是，一定有一些类似于set :sass, Proc.new { File.join(root, "assets/sass") } 的东西为我设置了这个？

Answer 1

设置你的模板目录，然后手动渲染一个 Sass::Engine。

require 'sinatra'
require 'sass'

SASS_DIR = File.expand_path("../stylesheets", __FILE__)

get "/" do
  erb :index
end

get "/stylesheets/:stylesheet.css" do |stylesheet|
  content_type "text/css"
  template = File.read(File.join(SASS_DIR, "#{stylesheet}.sass"))
  Sass::Engine.new(template).render
end

Answer 2

您可能想看看这篇文章。 http://railscoder.com/setting-up-sinatra-to-use-slim-sass-and-coffeescript/

在浏览了许多网站后，我能够通过本文实现将我的 sass 文件放在不同的目录而不是“views”目录中。

Answer 3

目前没有这样的方法，因为 Sinatra 目前只接受单个视图目录。

您可以尝试使用sinatra-compass 和set :compass, :sass_dir => 'assets'，并且只在您的视图文件夹中放置一个sass 文件，这将只是@import stylesheet.sass 或者您可以覆盖#sass：

helpers do
  def sass(template, *args)
    template = :"#{settings.sass_dir}/#{template}" if template.is_a? Symbol
    super(template, *args)
  end
end

set :sass_dir, '../assets'

Answer 4

这可能无济于事，因为我猜您在 views 下还有其他要保留的内容，但您也可以更改 views 目录...

set :views, File.dirname(__FILE__) + '/assets'

那么你可以这样做：

get '/stylesheet.css' do
    sass :'sass/core'
end

Answer 5

我目前无法自己测试，但您是否尝试过以下方法。

set :sass, File.dirname(__FILE__) + '/assets'

编辑：The Sass reference 也可能有帮助。