更少的编译器生成空规则

Question

少输入：

.className1{
  /* comment */
  .className2{
    height: 50rem;
  }
  .className3{
    width: 3rem;
  }
}

CSS 输出：

.className1 {
  /* comments */
}
.className1 .className2 {
  height: 50rem;
}
.className1 .className3 {
  width: 3rem;
}

less 编译器中是否有一个选项可以防止像上面那样生成空 css 规则？或者这是一个错误还是按照 less 的设计工作？

Answer 1

如果您使用 /* comment */ 评论

您创建 css 注释，less 编译器将强制在输出中显示它们

但如果您创建评论 // comment 作为 JavaScript 评论

less编译器可以忽略它

Less compiler generating empty rule