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";