CSS に LESS を使用する最良の方法は何ですか。
私はいくつかのずさんな css をまとめようとしており、大幅な改善を行う前にそれを制御したいと考えています。サイト全体の変数を持つことは非常に良いと思うので、Less は変数とネストに関しては良いことのように思えます。
多くの背景画像を CSS グラデーションとボックス シャドウに置き換えているため、ベンダー プレフィックスも取り除こうとしています。クラスのオーバーロードのように見えるものを時々見ますが、次のような要素に多くのクラスを追加するのは悪いことですか?
<div class="comment dark-shadow round-corners"></div>
Less は優れたスタイリング言語です。私はそれを広範囲に使用していますが、コードの保守性とスタイルの記述速度に非常に役立ちます。
個人的には、レンダリングするスタイルを JavaScript に依存させるべきではないと感じているので、less.app を使用してすべての LESS を CSS にコンパイルします。すべての CSS がそこにあり、何かを「ライブ」にする前に正しく機能することを知っていると、より平和に休むことができます。
興味があれば、非常に役立つ LESS mixin ライブラリもコンパイルしています: https://github.com/jdmiller82/-lessins-
ジョナサンに同意します。スタイルをレンダリングするためにユーザーのブラウザーに依存するべきではないと思います。
node.jsサーバー上で を使用してリクエストをインターセプトし、同等のファイル (この場合は)styles.cssを見つけて解析し、CSS として返すソリューションを思いつきました。.lessstyles.less
したがって、サーバー上では、URLを要求して解析済みの LESS ファイルを取得するstyles.lessことができます。example.com/styles.cssそうすれば、統合はアプリケーションの残りの部分に対してシームレスになり、ユーザーが JavaScript を有効にする必要もありません。
node.jsアプリの残りの部分でも使用する必要はありません。私はこれをPHPアプリケーションで行いました。
ここで私のチュートリアルを読むことができます: http://programming-perils.com/155/parse-less-files-on-the-fly-and-serve-them-as-css/
LESS を運用 Web サイトに使用する方法は、LESS ファイルを CSS ファイルにコンパイルすることです。
ローカル開発では、変更された LESS ファイルの CSS ファイルを再構築するファイル ウォッチャーを使用できます。
LESS から生成する CSS ファイルが複数ある場合は、それらを分離する必要があります。
たとえば、ファイルが 30 個少なく、2 つの CSS ファイル a.css と b.css が生成される場合、コンパイルを高速化できるように、これら 2 つのジョブを分離する必要があります。a.css に影響を与える LESS ファイルを変更した場合にのみ a.css をコンパイルするため、開発が高速になります。
この回答は上記の回答よりも約2年遅れていることは承知していますが、質問はまだ関連していると思います.
LESSクライアント側をコンパイルすることが良いアイデアであるユースケースがあり（IE 8以下をサポートしていない場合）、それを検証するユースケースがあると思います。たとえば、私が最近取り組んだアプリケーションには、背景色が明るいか暗いかに基づいてテキストの色などを変更する必要がある、カスタマイズ可能なテーマ対応インターフェイスがあり、最終的にはその機能をサポートする必要がある場合がありますユーザーがそれらを変更し、サイトに反映された変更をリアルタイムで確認できるようにします。これは、クライアント側の LESS の優れた使用例だと思います。小さな LESS スタイルシートのみがコンパイルされ、テーマに関係のない残りのアプリケーション LESS はプリコンパイルされていることに注意してください。パフォーマンスの違いはあまり感じられませんでした。
したがって、「まともな開発者がクライアントサイドをあまり使用しないと真剣に考えているとは思いませんか?」のようなコメントを見た場合、私はそれらを一粒の塩で受け取ります.