jquery-ui 图标未在生产环境中显示答案

【问题标题】：jquery-ui icons not showing in production environmentjquery-ui 图标未在生产环境中显示
【发布时间】：2016-01-05 21:37:37
【问题描述】：

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

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

有谁知道是什么原因导致这些图标在生产中不显示？

我已经尝试在 css 中更改 url 的路径并在生产环境中预编译资产。

我是这样设置的：

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");
 }

【问题讨论】：

【解决方案1】：

要使资产管道指纹识别工作，您需要在 CSS 文件中使用 rails 的帮助器：

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

更多详情here.

【讨论】：