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

Question

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 require 继续工作。

今天早上我一直在研究这个问题，我在 SASS-RAILS 中找到了一个据说有效的答案，但没有。它将包含核心和主题以及所需的模块，如下所示:

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

我想发布我在这里发现的答案，以防有帮助。

Answer 1

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

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

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