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開發工具中的地圖。
謝謝。