compiler-construction - Sass--特定の順序で見る

Question

textmateでは、私の.scssファイルはアルファベット順になっています。それらを.cssファイルにコンパイルします。

sass --watch css/sass:css/compiled

ただし、変数、ミックスイン、リセットを最初にコンパイルしてから、残りのファイルをコンパイルする必要があるため、エラーが発生します。

ファイルがコンパイルされる順序を設定するにはどうすればよいですか？

Answer 1

あなたはおそらくこのようなファイル構造を持っています：

css/sass/main.scss
css/sass/mixins.scss
css/sass/print.scss
css/sass/reset.scss
css/sass/variables.scss

これらのファイルはパーシャルと呼ばれます。_次のように、各ファイル名の前に（アンダースコア）を追加する必要があります。

css/sass/_main.scss
css/sass/_mixins.scss
css/sass/_print.scss
css/sass/_reset.scss
css/sass/_variables.scss

これにより、Sassはこれらのファイルを個別の.cssファイルにコンパイルしないように指示されます。

次に、それらを1つのファイルにコンパイルします。ここで（アンダースコアなしで）新しいファイルを作成しますstyle.scss：

css/sass/style.scss

それを開き、部分的なファイルを希望の順序で配置します。

@import "variables";
@import "mixins";
@import "reset";
@import "main";
@import "print";

ファイルの最初のアンダースコアは定義に含まれている必要はないことに注意してください。Sassがそれを処理します。

今、あなたは走ることができます

sass --watch css/sass:css/compiled

Sassは、すべての部分ファイルのコンテンツを、にある1つのファイルにコンパイルします。

css/compiled/style.css