[开发工具]Less做除法运算报错

错误重现

body{
    width:100px / 2;
}
// 输出body{width:100/2}

解决办法

// 方法1(不推荐使用)
body{
    width:100px ./ 2;
}
// 输出body{width:50px}

// 方法2(推荐使用)
body{
    width:(100px/2);
}
// 输出body{width:50px}

探究原因

翻译：parens-division(4.0默认)-使用/ operator在括号之外不执行除法(但可以“强制”在括号with之外执行除法)。

所以呢就是官网出于某些原因考虑改变了这个规则。我们按最新的规则进行编写即可。

补充说明

• 使用vscode插件-EasyLess有的可以正常编译有的不能？

less 4.0 模式是 always模式。
easyless 从 1.7.0开始支持的也是 4.0 的 always模式，也就是跟随了最新的less版本。
所以就是easyless1.7.0以前的版本还是可以编译之前的语法的，1.7.0之后的版本就必须要按新的语法规则来了。