SCSS 和 Sass 编译器
直接在浏览器中编译粘贴的 SCSS/Sass 片段或本地 .scss/.sass 文件。您的样式表不会上传、记录或发送到 API。
单击选择 SCSS/Sass 文件或将其拖放到此处
您还可以将 SCSS/Sass 直接粘贴到下面的编辑器中。
0 字节
0 字节
就绪
浏览器原生编译
编译使用官方 Dart Sass 实现在本地运行。没有样式表发送到 Convertr 服务器。
片段和文件输入
粘贴部分 SCSS、完整样式表、嵌套规则、变量、混合，或加载本地 .scss 文件。
安全测量
分析仅使用大小和缩减桶。 SCSS 源、变量、混合和文件名不参与遥测。
常见问题解答
我的 SCSS 会上传到 Convertr 吗？
否。SCSS 编译器与浏览器 JavaScript 一起在本地运行。粘贴的 SCSS 和选定的文件不会发送到 Convertr 服务器。
当 SCSS 有语法错误时会发生什么？
带有行号和列号的编译器错误显示在警告面板中，以便您可以找到并修复错误。
这是否支持 @import 或远程依赖项？
否。为了确保速度、离线可用性和隐私，此浏览器本机编译器中禁用远程导入和文件系统访问。
SCSS 编译器
使用捆绑的浏览器编译器将支持的 SCSS 语法编译为 CSS。
- 输入
- SCSS 源文件以及输出样式选项.
- 输出
- 编译的 CSS 或编译器诊断.
- 实际限制
- 浏览器编译器不会解析任意项目导入、执行构建插件或保证与不同 Sass 版本的等价性。
- 隐私与数据处理
- SCSS 源和输出样式选项在此浏览器选项卡中进行处理。Convertr 不接收或存储；关闭或重新加载页面会清除工作状态，除非工具明确提供本地下载。
如何使用此工具
- 在工具控制中提供 SCSS 源和输出风格选项。
- 选择影响编译的 CSS 或编译器诊断的设置，然后运行工具。
- 在复制或下载之前，审查编译后的 CSS 或编译器诊断。
常见故障模式
未定义的变量、缺失的混入、不可用的导入或无效的嵌套会返回行感知的编译错误。
有用的例子
将 $brand 变量和嵌套的 .button hover 规则编译成扩展或压缩 CSS。