Gulp-less编译calc

最近用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的问题