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ホバールールを展開または圧縮されたCSSにコンパイルします。