生产环境中未显示的jquery-ui图标

Question

jQuery-UI图标未显示在我的生产服务器上。在浏览器控制台中，它们显示为404并且无法加载。它们在开发过程中在本地工作正常，所以我不确定会出现什么问题。

我使用自定义主题，该主题位于vendor / assets / stylesheets下的images子目录中。

有谁知道是什么原因导致这些图标无法在制作中显示？

我已尝试更改css中的网址路径，并已在生产中预编译资产。

以下是我设置的方法：

vendor
 assets
  stylesheets
    images
     **icons and custom theme**
    jquery-ui.css

application.css.scss

  *= require_self
  *= require foundation_and_overrides
  *= require slick
  *= require slick-theme
  *= require jquery-ui
  *= require main
  */

图片路径

以下是未在生产中加载的图片之一

 .ui-widget-content .ui-icon {
   background-image: url("images/ui-icons_469bdd_256x240.png");
 }

Answer 1

要使Asset Pipeline指纹识别起作用，您需要使用rails＆＃39; CSS文件中的助手：

.ui-widget-content .ui-icon {
  background-image: url(<%= asset_path "images/ui-icons_469bdd_256x240.png" %>);
}

更多详情here。