在开发中的Rails资产管道中使用@import时如何查看单个CSS

Question

我打电话给几个样式表，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
.....

感谢任何帮助。

Answer 1

我会放弃要求并坚持所有导入并明确列出每个文件。

我不确定这是否有任何帮助，但您可以浏览个人样式表的 URL。假设我有signin.css.scss - 我可以浏览到

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

这将显示文件内容！

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