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 源 更多 Output-style 选项.
- 输出
- 编译的CSS或复制器诊断.
- 真正的限制
- 浏览器编译器不会解决自愿项目进口,执行构建插件,或保证与不同的Sass版本的平等。
- 隐私与数据处理
- SCSS 源和输出风格选项在此浏览器选项卡中进行处理. Convertr 不接收或存储; 关闭或重新加载页面,除非工具明确提供本地下载。
如何使用此工具
- 在工具控制中提供 SCSS 源和输出风格选项。
- 选择影响编译的 CSS 或编译诊断的设置,然后运行工具。
- 审查编写了CSS或复制器诊断,在复制或下载之前。
常见的失败模式
未定义变量、缺少混合物、不适用进口或不适用的粘贴会导致线性清理编写错误。
有用的例子
将 $ 品牌变量和粘贴 .button hover 规则编译成扩展或压缩 CSS。