node用法
1.打开命令行cmd
npm install -g less (全局安装less配置),如果安装成功的话可以,输入lessc -v查看下版本号
命令行用法
安装后,您可以从命令行调用编译器,如下所示:
$ lessc styles.less
这会将编译后的CSS输出到stdout。要将CSS结果保存到您选择的文件中,请使用:
$ lessc styles.less styles.css
要输出缩小的内容,可以使用CSS clean-css插件。安装插件后,将使用--clean-css选项指定缩小的CSS输出:
$ lessc --clean-css styles.less styles.min.css
使用压缩css实测有效
lessc index.less index.min.css -x
新建一个index.less文件书写自己的样式,接下来npm install -g wr 相当于安装了一个watch监视器。
然后 wr 'lessc index.less index.css' index.less 就是监视less文件的改动,可以修改下index.less里的样式测试下css文件有没有随之改动。然后ctrl+c退出监视状态。
3.继续 lessc --source-map index.less index.css 这句话就是可以跟浏览器发生关系的前提,这时候你的css目录中会多了一个index.css.map,
你的css文件结尾也会多出下面这句话,稍后浏览器会找到这个map文件,然后切换到浏览器
<pre>
/*# sourceMappingURL=index.css.map */
</pre>
控制台setting里找到,找到css source maps勾选中
4.ending
命令行 wr 'lessc index.less index.css' index.less ,开启监视状态