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

 

相关文章:

  • 2021-05-10
  • 2021-07-20
  • 2021-12-21
  • 2021-11-20
猜你喜欢
  • 2021-11-24
  • 2021-11-04
  • 2021-12-20
  • 2021-09-03
  • 2021-07-28
  • 2021-06-10
相关资源
相似解决方案