1

我刚刚开始尝试使用 Sinatra，部署到 Heroku，到目前为止，我已经能够很快掌握基础知识。话虽如此，我对如何在我的应用程序中启用和使用 Stylus 有点困惑。

根据我对 Sinatra 文档的阅读，这就是我构建我非常基本的 app.rb 文件的方式：

require 'sinatra'
require 'stylus'
require 'stylus/tilt'

get '/' do
  haml :index
end

另外，这里是我的 Gemfile 的内容：

source 'https://rubygems.org'
gem 'sinatra', '1.1.0'
gem 'thin'
gem 'haml', '>= 2.2.0'
gem 'stylus'

在使用 Bundler 并将我的 repo 推送到 Heroku 之后，似乎必要的好处正在发生——控制台输出显示 stylus、stylus-source 和 execjs（我假设它们负责编译 .styl 文件）被正确包含.

那么我的问题是：

a) .styl 文件在哪里？我当前的文件夹结构是：

app -
  Gemfile
  Gemfile.lock
  Procfile
  app.rb
  public -
    stylesheets
  views -
    layout.haml
    index.haml

b) 我如何编译/引用 .styl 文件？在头部链接，在路线中引用，还是......？

4

1 回答 1

1

a）我将任何样式表（未编译）放入app/views/stylesheets/.

b）您可以将它们预编译成app/public/css然后以引用任何其他外部 CSS 的方式引用它们，link在head（这是我做事的方式）中，或者，您可以使用您设置的方式，通过编译通过路由调用，例如

get "/screen.css" do
  stylus :"stylesheets/screen"
end

您可能想要添加某种缓存。

于 2013-07-05T02:05:23.950 回答