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

锵锵锵!

原文地址:https://www.cnblogs.com/nature-wind8/p/13060176.html