Less Compiler

在浏览器本地将 Less 编译为 CSS,编译错误会显示在状态区。

Less コンパイラーとは?

Less コンパイラーは、less.js を使ってブラウザ上で Less ソースコードを標準 CSS に変換するオンラインの Less プリプロセッサです。変数、ネスト、ミックスイン、演算、関数など Less の主要機能に対応しています。コンパイルはサーバーを経由しないためソースがアップロードされることはなく、エラーはステータス欄に直接表示されます。

主な機能

  • 変数・ネスト・Mixin・演算など Less の主要構文に対応
  • ブラウザ内でローカルにコンパイルし、ソースはアップロードされない
  • コンパイルエラーは位置と内容を具体的に表示
  • コンパイル結果をワンクリックでコピー
  • サンプルコードを内蔵しすぐに試せる

使用シーン / 注意点

Less 構文の検証、スタイル変数のデバッグ、ビルド環境を用意せずに Less を CSS に変換したい場合に便利です。出力はコンパイル済みの静的な CSS で、ベンダープレフィックスの自動付与や圧縮は行いません。

使い方

  1. 編集エリアに Less ソースを入力(サンプルで素早く入力可)
  2. コンパイルをクリックして変換後の CSS を確認
  3. コピーで CSS を保存する