css - 在开发中的 Rails Assets 管道中使用 @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 指令 时，我能够在开发模式下单独查看 css 文件。我相信此属性(查看单个非串联文件)源自“config.assets.debug = true”，这是我的应用程序中的设置。

因为有几个 css' 当 sprockets 连接它们时我很难调试它们，我希望能够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

这将显示文件内容!

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