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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM