在application.css.scss中需要声明

Question

我想使用灯箱宝石，如fancybox或彩盒。两个宝石都要求在application.css中添加这一行

 *= require colorbox-rails

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

＆＃34; *＆＃34;之后无效的CSS：预期＆＃34; {＆＃34;，是＆＃34; =需要colorb ...＆＃34;

这是完整的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";