首先要知道less:

@width: 10px;
@height: @width + 10px;

#header {
  width: @width;
  height: @height;
}

转换为CSS:

#header {
  width: 10px;
  height: 20px;
}

功能倒是强了，不过我觉得应该叫more.

如果.css和.map文件都有，浏览器就可以定位到.less文件相应的行，就像C/C++带调试信息，能从指令的位置找到文件名和行号一样。事实上linker确实也能输出.map文件。如果没有.less文件，.map文件带了也白带。