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

 

posted @ 2020-06-07 12:41  风生`  阅读(1486)  评论(0编辑  收藏  举报