私はWindows7を使用しており、Scoutアプリを使用して、すべてを構成する手間をかけずに、便利なSASS/コンパスのコンパイルを行っています。
http://mhs.github.com/scout-app/
scssフォルダーを監視し、main.cssをcssフォルダーに出力するように設定しましたが、機能します。しかし、物事が保存される順序に関連していると思われる問題について、私は時々非常に苛立たしい時間を過ごしています。
たとえば、次のようなルールがあります。
@include background-with-css2-fallback(image-url("bg_skin.png"),image-url("bg_noise.png"),linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.4)),$color-header-background url(../img/bg_skin.png));
これにより、半透明のグラデーションが適用された2つのレイヤー化されたPNGで構成される背景が作成されます。古いブラウザでは、ベースカラーと単一のPNGが適用されます。通常の状況では、これにより次のCSSが作成されます。上記は数十行を生成することに注意してください。ここでは、関連する行のみを示しています。
background: url('img/bg_skin.png?1339414190'), url('img/bg_noise.png?1339150807'), -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), #b9d233 url(../img/bg_skin.png);
すべては順調です。私のメインのscssファイルであるこの同じファイルで、最後に次のようなパーシャルをインポートしています。
@media screen and (max-width: 940px) { @import 'tablet'; }
その部分ファイル（_tablet.scss）に変更を加えると、Scoutはそれを検出し、すべてを再コンパイルします。ただし、そうすると、先に述べたバックグラウンドルールに関して突然別のルールが発生します。
background: url('img/bg_skin.png?1339414190'), url('img/bg_noise.png?1339150807'), -moz-linear-gradient(top, rgba 0, 0, 0, 0), rgba(0, 0, 0, 0)), #b9d233 url(../img/bg_skin.png);
これで、0から0.4ではなく、0から0のグラデーションが作成されます。突然。
main.scssファイルをもう一度編集して保存すると、正しいグラデーションルールが作成されますが、それでも、parialで同様のルールが台無しになります。部分的なファイルを保存すると、部分的なCSSが修正されますが、メインのルールが再び台無しになります。これは完全なデッドロック状態です。
私が欲しいのは、メインのSCSSファイルと部分的なSCSSファイルの両方を正しくコンパイルすることです。これらのファイルを特定の順序で保存する必要がある状況で生きることはできますが、現在、すべての順序で間違った結果が発生します。
これは一般的な問題ですか、それともセットアップの問題ですか？助言がありますか？