使用@each（预编译）在SASS中生成不同的变量

使用@each（预编译）在SASS中生成不同的变量,sass,each,Sass,Each,如何生成不同的变量使用@each，预编译而不是生成html类，只生成scss变量： _模式_factory.scss： $patt:(a , b, c, d, e); @each $style in $patt { $pattern_#{$style}: url('../img/#{$style}.png'); } @import到main_variables.scs 然后生成： $pattern_a: url('../img/pattern-a.png'); $pattern_b: ur

@each

$patt:(a , b, c, d, e);
@each $style in $patt {
  $pattern_#{$style}: url('../img/#{$style}.png');
}

@import

$pattern_a: url('../img/pattern-a.png');
$pattern_b: url('../img/pattern-b.png');
$pattern_c: url('../img/pattern-c.png');
$pattern_d: url('../img/pattern-d.png');
$pattern_e: url('../img/pattern-e.png');