小编Ana*_*and的帖子

我打电话给几个样式表，application.css.scss其中包含require指令和@import

当前

*= require font
*= require font-awesome
*= require twitter/bootstrap
@import "bourbon";
@import "app_css_that_uses_bourbon_mixins

为了使用bourbon gem（来自Thoughtbot），我必须使用@import语法。但是，当我开始使用@import时，我将失去在开发模式下查看单个CSS文件的功能。但是，当我使用时*= require directive，我能够在开发模式下单独查看css文件。我认为此属性（用于查看单个，非串联文件的属性）源自“ config.assets.debug = true”，这是我应用程序中的设置。

由于有多个CSS，链轮将它们链接时，我很难调试它们，因此我希望能够1.一致使用@import语法2.能够查看单个CSS文件以在开发模式下进行调试。

想

@import "bourbon";
@import "font-awesome";
@import "twitter/bootstrap";
@import "app_css_that_uses_bourbon_mixins
.....

感谢任何帮助。