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文件
![](https://i-blog.csdnimg.cn/blog_migrate/b4a8154d17abe7de23e5baa59de67b97.png)
5、wr --exec 'lessc --source-map style.less style.css' style.less