Question

我正在寻找将所有IE样式编译成单独样式表的方法，以减少主样式表的文件大小。然后我会使用条件注释来引入这些IE样式。

我目前使用Paul Irish关于通过向<html> http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/添加课程来定位IE的想法，见下文：

<!--[if IE 8]>         <html class="ie-8"> <![endif]-->
<!--[if gt IE 8]><!--> <html>         <!--<![endif]-->

所以我可以使用以下内容：

.ie-test {
    background: green;

    .ie-8 & {
        background: red;
    }

}

此技术工作正常但所有样式都包含在同一样式表中。我想拉出IE浏览器的样式表并将它们编译成专用的样式表。有一些技巧，例如Jake Archibald的技术：http://jakearchibald.github.io/sass-ie/可以处理媒体查询，但理想情况下我想做一些如下的事情。

假设这是部分文件名为_test.scss：

.ie-test {
    @if $ie-only == true {
        background: red;
    }

    @else {
        background: green;
    }
}

然后我会有两个.scss文件引入相关的样式，一个用于IE：

$ie-only == true;

@import "test";

其他一切：

@import "test";

我的测试非常受欢迎，因此我正在寻找关于最佳前进方向的一些建议。

我的目标可能是不可能的，但听到一些想法会很好。