LESS 转 CSS

在线 LESS 编译器:把 LESS 编译成标准 CSS,支持变量、嵌套、mixin 与内置函数,可一键压缩输出。

首次编译需要下载 LESS 编译器(约 59 KB),之后即刻可用

编译在你的浏览器里完成,源码不会上传,编译过程也不会产生任何网络请求。支持完整的 LESS 4 语法:变量、嵌套、mixin、运算与色彩函数。不执行内联 JavaScript 表达式,也不支持 @import 外部文件。

本工具在你的浏览器内运行,输入的内容与文件不会上传到任何服务器。

常见问题

「压缩输出」会不会改坏我的字符串内容?
不会。压缩由 LESS 编译器自己在语法树层面完成,像 content: "a ; b" 这样的字符串会被完整保留。用正则去处理编译结果才是危险做法——它会连引号里的内容一起改掉,而且看起来“编译成功”,问题只在页面上体现。
为什么第一次点编译要等一会?
LESS 编译器(打包后约 59 KB)是在你第一次点「编译」时才下载的,这样它不会拖慢站内其它页面、也不会进入首页的加载路径。下载完成后就是本地执行,几乎瞬间出结果。
可以用 @import 引入其它文件吗?
不行。浏览器里没有文件系统,读不到你本地的文件,也访问不到你电脑上的目录。请把被导入文件的内容直接粘贴到输入框里。如果只是想引用一个现成的 CSS 文件,写成 @import (css) "reset.css"; 会被原样保留在输出中。

相关工具