Ruby-on-rails: jQuery-ui и конвейер активов

Question

Я ищу небольшую ясность для лучшего понимания конвейера ресурсов Rails. Что я хотел бы сделать, так это то, что я хочу использовать компоненты jQuery-ui с рельсами, разрешенными для конвейера.

Ассемблер - это нечто совершенно новое для меня. В принципе, я знаю, что делает конвейер активов в целом и как он просматривает активы в дереве поиска. Но на картинке ниже я понятия не имел, как и где разместить папку стилей, отправленную с загрузкой jQuery-ui, чтобы заставить ее работать в моем проекте или правильно настроить ее. Таким образом, назначенная тема может применяться к пользовательскому интерфейсу, который я обрабатываю с помощью jQuery-ui по желанию.

ли application.css файл само место, где я должен положить в ссылку на эту тему?

Моя лучшая догадка это может работать, если добавить в папку темы на второй строке в application.css ниже:

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

но то, что я получил Ошибка при компиляции CSS актива

ArgumentError : неправильное количество аргументов (2 для 1)

Прошу пролить свет на меня, как заставить это работать так, как я хотел.

Answer 1

Вам нужно изменить *= require_tree ., ./ui-lightness к

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

Кроме того, необходимо скопировать изображения, включенные в загруженном пачке в app/assets/images/ui-lightness каталог , (Само собой разумеется, что создать новую папку)

Откройте CSS файлы из загруженных изображений, найти и заменить url: ("../images/image_name.jpg на url: ("image_name.jpg")

Это позволит установить соответствующие пути изображения. Целесообразно разместить стороннюю библиотеку в директорию vendor/assets. Но никакого вреда в том, чтобы поместить его в регулярный ресурс, пока вы не сможете определить, какие файлы css/js принадлежат стороннему участнику

Answer 2

Вы не можете поместить несколько вещей внутри линии require_tree. Просто разделить эту строку

*= require_tree ., ./ui-lightness 

в две строки:

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