ruby-on-rails - 在application.css.scss中的Require语句

Question

我想使用灯箱上的 gem ，例如fancybox或color box。两个 gem 都要求在application.css中添加这一行

 *= require colorbox-rails

这是问题所在。我只有application.css.scss文件。我所有的css文件都是scss文件。我在application.css.scss中有导入语句，但是没有* = require语句。添加以上行会导致错误:

“*”后的CSS无效:预期的“{”，是“= require colorb ...”

这是完整的application.css.scss

@import "bootstrap";
@import "welcome";
@import "sessions";
@import "users";


*= require colorbox-rails

Answer 1

application.css.scss或application.css差不多。只需将application.css重命名为application.css.scss即可。

至于添加这一行，它需要在注释的顶部。像这样:

/*
 * 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 bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_self
 *= require colorbox-rails
 */

@import "bootstrap";
@import "welcome";
@import "sessions";
@import "users";