css - jQuery UI 的 @imports 导致许多 HTTP 请求，破坏了串联的目的

Question

我正在使用 Rails 的 Assets 管道来连接我所有的 CSS/JS(尽管我想我使用的特定连接方法可能不会有太大区别)。

我遇到的问题是 jQuery UI 有所有这些 @import 指令，所以我为 jQuery UI 想要导入的每一个 CSS 文件收到一个单独的 HTTP 请求，其中有很多。这在开发和生产中都在发生。我的其余串联工作完美无缺；这只是 jQuery UI 的东西。

这是我的application.css，如果有帮助的话:

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require vendor
 *= require scaffold
 *= require main
 *= require clients
 *= require appointments
 *= require marketing
 *= require services
 *= require reports
 *= require calendar
 *= require products
 *= require stylists
 *= require brochure
*/

我所有的 jQuery UI CSS 都在 vendor 中:

$ ll vendor/assets/stylesheets/jquery_ui/
total 216
drwxr-xr-x  18 jason  staff    612 Jun 21 11:48 .
drwxr-xr-x   5 jason  staff    170 Jun 21 11:42 ..
-rw-r--r--   1 jason  staff  35010 Mar 12 12:55 jquery-ui.css
-rw-r--r--   1 jason  staff   1064 Jun 21 11:48 jquery.ui.accordion.css
-rw-r--r--   1 jason  staff    290 Jun 21 11:48 jquery.ui.all.css
-rw-r--r--   1 jason  staff   1106 Mar 12 12:55 jquery.ui.autocomplete.css
-rw-r--r--   1 jason  staff    658 Jun 21 11:48 jquery.ui.base.css
-rw-r--r--   1 jason  staff   2470 Jun 21 11:48 jquery.ui.button.css
-rw-r--r--   1 jason  staff   1458 Mar 12 12:55 jquery.ui.core.css
-rw-r--r--   1 jason  staff   4045 Jun 21 11:43 jquery.ui.datepicker.css
-rw-r--r--   1 jason  staff   1357 Mar 12 12:55 jquery.ui.dialog.css
-rw-r--r--   1 jason  staff    356 Jun 21 11:48 jquery.ui.progressbar.css
-rw-r--r--   1 jason  staff   1170 Jun 21 11:48 jquery.ui.resizable.css
-rw-r--r--   1 jason  staff    322 Jun 21 11:48 jquery.ui.selectable.css
-rw-r--r--   1 jason  staff   1139 Jun 21 11:48 jquery.ui.slider.css
-rw-r--r--   1 jason  staff   1382 Mar 12 12:55 jquery.ui.tabs.css
-rw-r--r--   1 jason  staff  19141 Jun 20 22:38 jquery.ui.theme.css
drwxr-xr-x  18 jason  staff    612 Jun 21 11:48 minified

我怎样才能让我所有的 jQuery UI 文件像我期望的那样连接起来？

Answer 1

来自 http://jqueryui.com 的 jQuery UI 的默认构建将所有文件连接起来。确保从 css 文件夹而不是 development-bundle 文件夹中获取文件。