5

我正在调用几个样式表，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
.....

感谢任何帮助。

4

1 回答 1

-1

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

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

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

这将显示文件内容！

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

于 2014-02-27T09:15:53.170 回答