CSS——Hbuilder 配置Less或者Sass自动编译

1.在Hbuilder编辑器内的插件市场搜索 less、sass 安装插件 

 

 

 

 

 

less编译：安装地址/文档介绍

scss/sass编译：安装地址/文档介绍

 

2.使用

使用方式是类似的。

手动编译：

• less：单独编译less文件。选中less文件，点击右键菜单 -> 外部命令 -> less -> 编译less。
• scss/sass：单独编译sass文件。选中sass文件，点击右键菜单 -> 外部命令 -> sass -> 编译scss/sass。　　

自动编译：

只有uni-app项目，会自动编译使用less/sass的文件。别的项目都需要手动编译。

 

uni-app项目引入less文件：

<style lang="less">
	@import url(./uni.less);
</style>