chrome调试less

http://note.youdao.com/share/?id=dcc94510f859190fe073ee08d144b3bc&type=note

chrome调试less文件前需要配置chrome到文件间的关联，见前一章: chrome调试css

1、安装lessc

npm install -g less

2、安装wr工具，跟踪文件修改实时编译

npm install -g wr

使用方法：

wr 'lessc style.less style.css' style.less

注：wr命令默认是以wr --spawn执行后面的命令，windows电脑需要使用

wr --exec 'lessc style.less style.css' style.less

3、生成source-map，让chrome认识less文件

lessc --source-map style.less style.css

4、chrome设置自动重载css文件

5、wr --exec 'lessc --source-map style.less style.css' style.less