vscode自动编译less

vscode如何将less编译到指定css目录中

1.想要在vscode编辑器里面很方便的编译less文件，需要在扩展商店里面下载一款名叫Esay LESS的拓展插件

2.在当前项目中（以任意方式）生成一个.vscode的配置文件夹，

在.vscode文件夹中建立一个settings.json的文件， 配置如下：

{

    "less.compile":{

        "compress": true,

        "sourceMap": true,

        "out": "${workspaceRoot}\\css\\style.css",

        "main": "${workspaceRoot}\\less\\style.less"

   }

}

　　

3.如何将多个less文件同时编译呢？

在style.less文件夹下加入

@import "./index.less";

@import "./two.less";