less注意点小记其中使用到less中的变量插值来对变量和字符串的连接，运算符+只是单纯的加的运算。 ~ 是 less-

.bg-image{
    background-image: url(@url + "@2x.png");
    ...
}

上述使用会报错，正确用法如下：

.bg-image{
    background-image: url('@{url}@2x.png'); 
    ...
}

其中使用到less中的变量插值来对变量和字符串的连接，运算符+只是单纯的加的运算。

引用示例: @import "~common/less/mixin.less";不这样引用会报错如下：

~ 是 less-loader 到东东，参考 www.npmjs.com/package/les…

参考链接：

.logo{
    display: inline-block;
    vertical-align: middle;
    .bg-image('logo');
}

报错如下所示：

还是路径问题，修改成如下即可:

.bg-image{
    background-image: ~"url(@url + "@2x.png")";
    ...
}

参考链接：