SCSS → CSS

用 Dart Sass 在浏览器本地把 SCSS 编译为 CSS

交互控件将随脚本加载;处理始终在浏览器本地完成。

正在加载工具…

这个工具能做什么

  • SCSS
  • Sass
  • 压缩输出
  • 懒加载
  • 本地编译

示例

  • 输入:$c:#333; .a{color:$c}
  • 输出:.a { color: #333; }

怎么用(步骤)

  1. 粘贴 SCSS(或缩进语法 Sass),选择展开/压缩输出。
  2. 首次使用懒加载 Sass 引擎(较大),之后本地 compileString。
  3. 不支持从远程 URL @import。
  4. 编译错误会尽量标出行列。

常见问题

会上传吗?

不会。SCSS → CSS:处理只在浏览器本地完成,不会把内容上传到 www.518882.com 或第三方接口;无需注册,可在开发者工具网络面板自行核对。

为什么第一次慢?

需下载/解析 Sass 引擎,已懒加载。以上说明对应「SCSS → CSS」本页实际行为;默认不把输入内容发往服务器处理。

支持 @use 吗?

引擎支持的语言特性可用;无文件系统时路径导入受限。以上说明对应「SCSS → CSS」本页实际行为;默认不把输入内容发往服务器处理。

和 CSS 格式化?

格式化不编译变量/嵌套;本页做真正编译。以上说明对应「SCSS → CSS」本页实际行为;默认不把输入内容发往服务器处理。

可离线吗?

引擎加载后可离线。以上说明对应「SCSS → CSS」本页实际行为;默认不把输入内容发往服务器处理。