Less 4.x 断崖变更

前几天 Less 已经更新到了 4.0.0 版本，同时带来了两个大变更。

Parentheses required for mixin calls

在使用 mixin 的时候，需要完整的带上()。

.mixin() {}
.mixin;  // error in 4.0

Parens-division now the default math setting

4.x 版本默认不会计算结果，直接输出表达式，3.x 默认输出计算结果。

.math {
  a: 1 + 1;
  b: 2px / 2;
  c: 2px ./ 2;
  d: (2px / 2);
}

// 3.x
.math {
  a: 2;
  b: 1px;
  c: 1px;
  d: 1px;
}

// 4.x
.math {
  a: 2;
  b: 2px / 2;
  c: 1px;
  d: 1px;
}

如果想和 3.x 保持一致，只需要在 less 的配置中修改 math，less-loader 配置 lessOptions.math，修改为 always。

详情请查看：less-options-math

转载请注明：OnlyLing - Web 前端开发者 » Less 4.x 断崖变更