在 Sinatra 应用程序中解析 LESS 选项答案

【问题标题】：Parsing LESS options in a Sinatra app在 Sinatra 应用程序中解析 LESS 选项
【发布时间】：2012-12-15 03:47:12
【问题描述】：

我无法更改 LESS 用于包含导入的路径。我的路线文件有

get "/css/main.css" do
  less :main, :paths => ["public/css"]
end

但是，如果我在样式表中包含带有@import 的外部less 文件，LESS 编译器将找不到该文件。我已经在views 路径和public/css 目录中放置了一个副本，但它仍然找不到它。但是它可以在public\css 中找到普通的 .css 文件。

【问题讨论】：

标签： sinatra less

【解决方案1】：

我今天遇到了这个问题，并且能够像这样解决它：

require 'less'
require 'sinatra/base'

class App < Sinatra::Base
  # Make LESS @import statements work
  Less.paths << settings.views

  # Use LESS for CSS
  get '/stylesheets/:style.css' do
    less(params[:style].to_sym)
  end
end

【讨论】：

【解决方案2】：

您可以在这里使用类似的东西，我用它来获取所有 .css 文件，无论是 scss 还是纯 css（即默认情况下它首先在公共查看，然后继续检查视图）：

get '/css/:file.css' do                                                                                                                                               
  halt 404 unless File.exist?("views/#{params[:file]}.scss")                                                                                                          
  time = File.stat("views/#{params[:file]}.scss").ctime                                                                                                               
  last_modified(time)                                                                                                                                                 
  scss params[:file].intern                                                                                                                                           
end

您必须用 less 替换 scss 才能使其工作。

【讨论】：

【解决方案3】：

通过此提交70465f9 应该将选项传递给 Less。

如果您使用捆绑器，将以下行添加到您的 Gemfile 应该可以解决问题：

gem 'tilt', :git => 'git://github.com/rtomayko/tilt.git'

【讨论】：