在rails资产管道开发中使用@import时如何查看单个css

我正在调用

application.css.scss

中包含require指令和

@import

当前

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

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

为了使用gem（来自thoughtbot），我必须使用@import语法。然而，当我开始使用@import时，我就失去了在开发模式下查看单个css文件的能力。但是，当我使用

*=require指令时，我能够在开发模式下单独查看css文件。我相信这些属性（查看单个非连接文件）是从我的应用程序中的设置“
config.assets.debug=true
”中派生出来的

由于有几个CSS’当链轮连接它们时，我在调试它们时遇到困难，我希望能够
1.要使用一致的
@import
语法
2.能够查看单个css文件，以便在开发模式下进行调试

想要

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

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

非常感谢您的帮助。
我会放弃require，坚持所有导入，并明确列出每个文件

我不确定这是否有帮助，但是你可以浏览你个人样式表的URL。比如说，我有signin.css.scss-
我可以浏览到

http://localhost:3000/assets/signin.css

这将显示文件内容

我将尝试一下我的开发环境，看看是否可以让它在开发工具中列出它