在 Heroku 上使用 Compass：/tmp 用于远程和本地样式表

Question

我目前正在 Heroku 中使用 Compass，使用 Heroku 知识库推荐的配置。 Heroku 有一个只读文件系统，因此编译后的样式表需要存储在 /tmp 中。这在 Heroku 上远程运行得很好；然而，在本地，Rails 希望在 /public/stylesheets 中找到样式表（当通过 = stylesheet_link_tag 'screen.css', :media => 'screen,projection' 调用时）。

为了解决这个问题，我使用 ln -s tmp/stylesheets/screen.css public/stylesheets/screen.css 在 /public/stylesheets 中创建了符号链接，这似乎有效。

有没有一种方法可以在不使用符号链接的情况下解决这个问题，也许可以通过更改 Rails 中的某些配置来解决？我已经四处寻找但没有取得多大成功。

这是我的 config/initializers/compass.rb：

require 'compass'
require 'compass/app_integration/rails'
Compass::AppIntegration::Rails.initialize!

# Required for Heroku:
require 'fileutils'
FileUtils.mkdir_p(Rails.root.join("tmp", "stylesheets"))

Compass::AppIntegration::Rails.initialize!

Rails.configuration.middleware.delete('Sass::Plugin::Rack')
Rails.configuration.middleware.insert_before('Rack::Sendfile', 'Sass::Plugin::Rack')

Rails.configuration.middleware.insert_before('Rack::Sendfile', 'Rack::Static',
    :urls => ['/stylesheets'],
    :root => "#{Rails.root}/tmp")

这是我的 config/compass.rb：

project_type = :rails
project_path = Compass::AppIntegration::Rails.root

# Set this to the root of your project when deployed:
http_path = "/"

# Necessary for Heroku (original commented out:
css_dir   = 'tmp/stylesheets'
#css_dir = "public/stylesheets/compiled"

sass_dir  = 'app/views/stylesheets'

environment = Compass::AppIntegration::Rails.env

任何帮助将不胜感激。

Answer 1

实际上，我正准备使用我们的 Rails 应用程序设置 Compass，该应用程序托管在 Heroku 上，所以为给我一个完成此工作的借口而欢呼。 :)

答案很简单：

修改 'config/compass.rb':

project_type = :rails
project_path = Compass::AppIntegration::Rails.root

http_path = "/"

environment = Compass::AppIntegration::Rails.env
if environment == 'production'
  css_dir = "tmp/stylesheets"
  sass_dir = "app/views/stylesheets"
else
  css_dir = "public/stylesheets"
  sass_dir = "app/stylesheets"
end

然后修改 'config/initializers/compass.rb':

require 'compass'
require 'compass/app_integration/rails'
Compass::AppIntegration::Rails.initialize!

require 'fileutils'
FileUtils.mkdir_p(Rails.root.join("tmp", "stylesheets"))

environment = Compass::AppIntegration::Rails.env
if environment == 'production'
  Compass::AppIntegration::Rails.initialize!

  Rails.configuration.middleware.delete('Sass::Plugin::Rack')
  Rails.configuration.middleware.insert_before('Rack::Sendfile', 'Sass::Plugin::Rack')

  Rails.configuration.middleware.insert_before('Rack::Sendfile', 'Rack::Static',
      :urls => ['/stylesheets'],
      :root => "#{Rails.root}/tmp")
end

... 瞧，你很好。

Answer 2

好吧，我自己就是 Heroku 和指南针的忠实粉丝，所以我已经看过

Heroku 的文档很多次了，虽然提供了正确的信息，但在这种情况下提供了糟糕的建议。

使用指南针时，99.999% 的情况下最好的做法是在生产模式下将其关闭。

这意味着您在开发计算机上编译样式表，然后将它们添加到 git 存储库，然后再推送到 heroku。

如果您允许指南针在服务器上进行编译，您将遭受相当大的性能损失。

所以这就是我所做的：

您的应用程序的基础上应该有一个 config.ru 文件。打开它并添加以下内容：

require 'sass/plugin/rack'
use Sass::Plugin::Rack
Sass::Plugin.options[:never_update] = true

然后，您可以从初始化程序中删除相当多的代码（尤其是卸载 Sass::Plugin::Rack 的部分）。此外，您还需要从 config 文件夹中的 compass.rb 中删除 if 语句。

想一想，为什么您希望 Sass 在服务器上编译样式表？它只会消耗处理能力。希望这有帮助，

编辑::
PS - 我应该补充一点，您现在需要从命令行运行 compass watch 以便让样式表在您的开发环境中进行编译

Answer 3

推荐的 Heroku 配置也可以在本地运行。

1. 删除了第二个“Compass::AppIntegration::Rails.initialize!”从 config/initializers/compass.rb 中，您只需要它一次。
2. 确保您的 scss 文件位于“app/views/stylesheets”中

在本地和生产服务器上，样式表将被编译为 tmp/stylesheets，并且对 /stylesheets 的请求将解析为 tmp/stylesheest。无需两个单独的配置。