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

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

*= require colorBox-rails

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

“*”后无效的CSS：expected“{”,was“= require colorb …”

这是完整的application.css.scss

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


*= require colorBox-rails

解决方法

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";