你如何指示 Sprockets 在 Heroku 上包含来自 /vendors/assets/components 的文件？答案

【问题标题】：How do you instruct Sprockets to include files from /vendors/assets/components on Heroku?你如何指示 Sprockets 在 Heroku 上包含来自 /vendors/assets/components 的文件？
【发布时间】：2013-11-02 00:52:47
【问题描述】：

我想使用 Bower 管理客户端资产，Bower 将 Angular 等资源安装到

/vendors/assets/components/angular/angular.js

我在application.css.scss 文件中引用这些资产如下：

/* ...
*= require bootstrap
*/

然而，虽然这对于开发工作正常并且文件被包含在内，但它们并没有被 sprockets 拾取以在 Heroku 上的生产中进行编译。

如何指示 Sprockets 从 /vendor/assets/components/ 中提取和编译文件？

【问题讨论】：

标签： ruby-on-rails heroku ruby-on-rails-4 sprockets bower

【解决方案1】：

您应该能够告诉管道包含额外的目录，如下所示：

config.assets.paths << Rails.root.join('vendor', 'assets', 'components')

您可能还需要告诉它预编译特定文件，因为默认情况下仅预编译主 application.js 和 application.css：

config.assets.precompile << %w( frontpage.css frontpage.js *.svg )

在 Heroku 上使用 Rails 4，您需要添加 12factorapp gem

最后，如果您使用 Heroku，那么对于 Rails 4，您需要添加以下 Gem

group :production do
  gem 'rails_12factor'
end

See this question for more information

【讨论】：

我已经做到了，它在开发中工作，但不幸的是它在生产中没有工作。似乎 Rails 知道文件在那里，但 Sprockets 不知道
答案已更新。您可能还需要告诉它要预编译哪些特定的额外文件。
Matt，你说 application.js/.css 是唯一编译的文件是什么意思？清单中的所有文件也都经过预编译 - 这肯定是资产管道的重点，不是吗？
我的意思是顶级默认清单已编译，但在它们之外没有任何内容。您需要明确告诉它编译您拥有的任何自定义清单，以及查找它引用的文件的目录（如果它们在某个非标准位置）。我在答案中添加的那些没有从主要清单中引用。您是否检查了生产服务器上的已编译资产目录？您应该在那里看到文件，如果它正在工作，则其名称会附加一个哈希。
这对 Heroku 来说是有道理的——我一直在使用 Engine Yard，所以它在没有 gem 的情况下也能工作。感谢您的编辑和接受。