SCSS → CSS
用 Dart Sass 在浏览器本地把 SCSS 编译为 CSS
交互控件将随脚本加载;处理始终在浏览器本地完成。
正在加载工具…
这个工具能做什么
- SCSS
- Sass
- 压缩输出
- 懒加载
- 本地编译
示例
- 输入:$c:#333; .a{color:$c}
- 输出:.a { color: #333; }
怎么用(步骤)
- 粘贴 SCSS(或缩进语法 Sass),选择展开/压缩输出。
- 首次使用懒加载 Sass 引擎(较大),之后本地 compileString。
- 不支持从远程 URL @import。
- 编译错误会尽量标出行列。
常见问题
会上传吗?
不会。SCSS → CSS:处理只在浏览器本地完成,不会把内容上传到 www.518882.com 或第三方接口;无需注册,可在开发者工具网络面板自行核对。
为什么第一次慢?
需下载/解析 Sass 引擎,已懒加载。以上说明对应「SCSS → CSS」本页实际行为;默认不把输入内容发往服务器处理。
支持 @use 吗?
引擎支持的语言特性可用;无文件系统时路径导入受限。以上说明对应「SCSS → CSS」本页实际行为;默认不把输入内容发往服务器处理。
和 CSS 格式化?
格式化不编译变量/嵌套;本页做真正编译。以上说明对应「SCSS → CSS」本页实际行为;默认不把输入内容发往服务器处理。
可离线吗?
引擎加载后可离线。以上说明对应「SCSS → CSS」本页实际行为;默认不把输入内容发往服务器处理。