最近用gulp-less编译less文件,在用calc计算方法时,css的计算方法和less冲突,导致运算错误,试了很多方法,以下写法在编译时没有出过错
.calc(@prop;@val1;@val2) {
@{prop}:calc(@val1~" - "@val2);
@{prop}:-webkit-calc(@val1~" - "@val2);
}
@imgSize:300px;
.box{
.calc(width;100%;@imgSize);
}
后来此方法依然还是有问题,然后就直接用webstorm的文件监听来编译,完全就没有问题了。。。而且会解决同时开gulp和npm run dev 导致的有时不会及时编译vue的问题