Ruby-on-rails: jQuery-ui和资产管道

Question

我希望能对Rails的资产管道有更好的理解。我想要做的是将jQuery-ui组件与启用了资产管道的rails结合使用。

资产管道对我来说是一件很新鲜的事情。基本上，我知道asset pipeline通常做什么，以及它如何在搜索树中查找资产。但是从下面的图片中，我不知道如何以及在哪里放置jQuery-ui下载附带的样式表文件夹，以使其在我的项目中正常工作或正确设置。因此，指定的主题可以根据需要应用于我使用jQuery-ui呈现的UI。

​

​

application.css文件是否是我应该放在该主题引用中的位置？

我最好的猜测是，如果我在下面application.css的第二行添加主题文件夹，它可能会起作用：

 *= require_self
 *= require_tree ., ./ui-lightness

但我得到的是编译CSS资产时出错

ArgumentError:参数数量错误(1对应2个)

请告诉我如何让它像我想要的那样工作。

Answer 1

您需要将*= require_tree ., ./ui-lightness更改为

*= require_tree .
*= require ui-lightness/name_of_css_file

此外，您还需要将下载的包中包含的映像复制到app/assets/images/ui-lightness目录。(不用说，创建新文件夹)

打开下载的图片中的css文件，找到并替换url: ("image_name.jpg")的url: ("../images/image_name.jpg

这将设置适当的图像路径。建议将第三方库放入vendor/assets目录。但是，在您确定哪些css/js文件属于第三方之前，将其放入常规资产目录中并无坏处。

Answer 2

您不能将多个内容放入require_tree行中。只需拆分这行

*= require_tree ., ./ui-lightness

分成两行：

*= require_tree .
*= require_tree ./ui-lightness