1
我的目录结构如下：调试LESS与Chrome开发者工具
css/style.css
style.css.map
less/style.less
index.html
我创建了一个简单的index.html文件，如下所示：
<head>
<link type="text/css" rel="stylesheet" media="all" href="css/style.css">
</head>
<body>
<div id='box'></div>
</body>
为style.less如下：
@bgcolor: green;
#box {
width: 200px;
height:200px;
background: @bgcolor;
}
在css文件夹里面是使用命令be从style.less编译到style.css和style.css.map的style.css文件在低node.js的命令提示符：
lessc less/style.less > css/style.css --source-map=css/style.css.map --source-map-basepath=css
然后我少装了中间件：
npm install less-middleware
我试图弄清楚为什么我不能在Chrome少直接调试，因为我已经启用CSS源Chrome开发工具中的地图。
谢谢。