未从 CSS 文件 Heroku 和 S3 引用 Rails 4 供应商资产图像

Question

我在供应商 css 文件中引用的供应商文件夹下有很多供应商图像。

我正在使用 Heroku 和 S3 进行生产，而像 background-image: url("../images/sprite.png"); 这样的东西正在开发中，但不是在生产中，因为图像 url 指向 S3 url。

它也没有被预编译，所以不确定我是否应该将其作为资产预编译的一部分，但我想远离这个，因为我需要手动将所有图像文件复制到 assets/images 文件夹并更改通过将css 文件中的引用更改为scss 和asset_url（这似乎工作正常）

有没有办法只从供应商 css 文件中引用 S3 url

我也在使用asset_sync gem 上传到 S3

Answer 1

预编译资产

您似乎遇到了asset fingerprinting 的问题，这个问题可以通过precompiling 您的资产解决：

Heroku Tutorial on the subject：

#config/environments/production.rb
config.assets.compile = true
config.assets.digest = true

#cmd
rake assets:precompile RAILS_ENV=production
git add. 
git commit -a -m "Your Commit"
git push heroku master
heroku run rake assets:precompile --app your_heroku_app

这将预编译您的所有资产（并且应该正确同步它们）

---

资产同步

将asset_sync gem 与Rails 和Heroku 一起使用后，我们发现您必须在Heroku 本身上运行precompile 命令（以上几点的最后一步）

检查的唯一方法是查看您的 Amazon 存储桶——如果设置正确，如果您在 Heroku 上预编译，它应该填充资产