【less】用koala编译

用less的目的是为了更方便更痛快的编写css，但实质任然是css。所以最后需要将less转换成css，这个过程叫编译。

编译方法有很多种，这里先讲讲用koala这个软件来编译。

1、新建一个less文件（这里我用sublime编辑器）

订阅号：Rabbit_svip

2、打开koala，然后把less的父目录拉到koala里

订阅号：Rabbit_svip

3、选中右边的文件夹，单机右键，设置输出路径

订阅号：Rabbit_svip

image.png

输出的文件是css文件！！！

4、选中右边的文件夹，左键选中，选择自动编译，执行编译

订阅号：Rabbit_svip

image.png

出现Success就证明编译成功了。

然后查看less所在的文件夹，会发现多了一个css文件

订阅号：Rabbit_svip

打开这个css，会看到编译后的结果。

订阅号：Rabbit_svip

5、新建一个html文件，然后连上这个css。

订阅号：Rabbit_svip

在浏览器可以看到效果。

做好以上的操作，在编写这个less文件的时候，只要在sublime里保存，koala就会自动把写好的less文件编译成css，不用每次都手动去编译了。

---

在koala里还可以选择压缩css文件。

左键选择需要编译的less文件。选择compress，然后执行编译。

订阅号：Rabbit_svip

订阅号：Rabbit_svip

再打开css文件，可以看到编译后的css都是被压缩成一行的。