もっといい方法ないかなぁと探しています。。

##やりたいこと
gulpやsassを使って複数のCSSを出力する

style.sass
↓コンパイル
css01.css
css02.css
css03.css

三つのファイルの違いは、例えばメインカラーが違う。メインのイメージ画像が違うなど
一部のみ違う場合がほとんど。

##sassのif文を使う

sass


//ここに3パターンのどれかをセット
$design: 3;


@if $design == 1 {

  $main-color: red;

} @else if $design == 2 {

  $main-color: blue;

} @else if $design == 3 {

  $main-color: black;

}

上記のような感じで、3回コンパイルしているけど、もろ非効率な感じ；