如何在当前 jquery-ui-rails gem 版本中使用 SCSS @import答案

【问题标题】：How to use SCSS @import with current jquery-ui-rails gem version如何在当前 jquery-ui-rails gem 版本中使用 SCSS @import
【发布时间】：2015-09-30 07:28:33
【问题描述】：

jquery-ui-rails-5.0.5, sass-rails-5.0.3

jquery-ui-rails-5.0+ 更改了其资产的命名约定。而不是 jquery.ui.(whatever)，现在是 jquery-ui/(whatever)。样式表被命名为（随便）.css。这会导致强烈推荐的 SASS @import 选项失败，而 CSS 要求继续工作。

今天早上我一直在解决这个问题，我在 SASS-RAILS 中找到了一个据说可以工作但没有成功的答案。它是在所需模块中包含核心和主题，如下所示：

@import 'jquery-ui/core';
@import 'jquery-ui/datepicker';
@import 'jquery-ui/theme';

我想在这里发布我发现的答案，以防万一。

【问题讨论】：

您似乎没有按照jquery-ui-rails 的指示进行操作。他们的说明根本没有表明可以通过这种方式导入文件。

标签： jquery ruby-on-rails sass

【解决方案1】：

如果您还包含文件扩展名，则此方法有效：

@import 'jquery-ui/core.css';
@import 'jquery-ui/datepicker.css';
@import 'jquery-ui/theme.css';

更新：我将它推送到 Heroku，但它在那里不起作用。经过一些调试，我确定我需要将它们重命名为 *.scss，或者在主题的情况下为 *.scss.erb，然后 Heroku 会处理它们。为此，我将它们复制到我自己的资产中。

【讨论】：

这和你想的不一样（见：stackoverflow.com/questions/7111610/…）
@cimmanon 我想这取决于我的想法。咧嘴一笑。它确实包括使用 import 与 require 所需的文件，并且不会强迫我将两者混合。我不希望 CSS 文件的处理方式与处理 SASS 文件的方式相同。无论如何，这只是对github.com/joliss/jquery-ui-rails/issues/…中问题的精炼回答
优秀。值得注意的是，您可以完全放弃文件扩展名。事实上，它可能是推荐的。