我在application.css.scss中调用了多个样式表，其中包含require指令和@import
当前
*= require font
*= require font-awesome
*= require twitter/bootstrap
@import "bourbon";
@import "app_css_that_uses_bourbon_mixins
为了使用bourbon gem（来自thinkbot），我必须使用@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
.....
感谢任何帮助。
答案 0 :(得分：-1)
我会废弃需求并坚持使用所有导入并明确列出每个文件。
我不确定这是否有任何帮助，但您只需浏览各个样式表的网址即可。比方说，我有signin.css.scss - 我可以浏览
http://localhost:3000/assets/signin.css
这将显示文件内容！
我打算玩我的开发环境，看看我是否可以在开发工具中列出它。