反馈

SASS/SCSS转CSS

编译器加载中…
用现行的 Dart Sass 在浏览器本地编译(首次打开会加载约 3 MB 的编译器,之后走缓存),代码不上传。支持 @use "sass:math" 等内置模块、@mixin / @function / @each / @if、math.div、模块化的颜色与字符串函数。不能 @use / @import 其它文件(这里只有一个输入框),@debug 和 @warn 的输出会显示在下方。

📖 工具说明

1. 这是什么

在浏览器里把 SASS / SCSS 编译成 CSS,不需要装 Node、Webpack。用的是现行的 Dart Sass(Sass 官方主实现,1.104.1)本地编译,和你项目里用的 sass 命令是同一个编译器。


2. 用法

粘 SCSS(或缩进式 Sass),默认「实时编译」,改动后自动出结果;也可以点「转换为 CSS」。


3. 支持什么、不支持什么


4. 说明


相关:CSS 格式化 · CSS 单位换算 · Less 编译 · 颜色选择 · CSS 特效。

使用 Dart Sass 编译,支持 @use 内置模块;不能引用其它文件;首次加载约 3 MB 编译器。

📖 了解原理

📖 相关推荐