为什么这样写的scss代码会拖慢项目运行的速度

Question

scss

@for $i from 1 through 200 {
    $base: 1px;
    $mm: $base * $i;
    .mm-#{$i} {
      max-width: $mm !important;
      min-width: $mm !important;
    }
  }

转换成css:

.mm-1 {
  max-width: 1px !important;
  min-width: 1px !important;
}

.mm-2 {
  max-width: 2px !important;
  min-width: 2px !important;
}

.mm-3 {
  max-width: 3px !important;
  min-width: 3px !important;
}
..........
.mm-200 {
  max-width: 200px !important;
  min-width: 200px !important;
}

Answer 1

那说明 这个操作 很费内存 。for循环生成 类名和样式