1

CSS プリプロセッサーの楽しい世界に足を踏み入れるだけです。CSS をレンダリングするために LESS を使用しているとしましょう。私は2つの異なるアプローチについて疑問に思っています:

  • LESS を使用して、ページが読み込まれるたびに CSS をレンダリングします。
  • ビルド プロセスの一部として LESS を使用し、レンダリングされた CSS を本番環境で使用するだけです。

一方を使用して他方を使用しない場合があるかどうか疑問に思っています。一方では動的 CSS ランタイムを使用し、もう一方の静的 CSS は (できれば) 簡潔で明確な LESS テンプレートから作成します。

4

1 に答える 1

6

これは Chris Coyier による CSS-Tricks に関する記事です。

Chris は、LESS を使用すると、通常のファイルと同じようにタグを使用して.lessファイルを使用できると言っています。link.css

<link href="style.less">

これはファイルを処理する 1 つの方法ですが、最も効率的な方法ではありません。ケースのロードが大幅に遅くなり、ブラウザがクラッシュする可能性があります。LESS gem を使用して LESS を CSS に変換することをお勧めします。クリスが言うように、

前処理の「前」部分は、「これらのファイルを実際の Web サイトに送信する前」と考えることができます。

これ.lessは、ファイルを処理するさまざまな方法を説明する優れた記事です。

クライアント側のコンパイルでは、ライターはそれをうまくまとめています

Sass/LESS コードは 1 回コンパイルされるのではなく、ページ リクエストごとにコンパイルされます。

2 番目の点については、それが本質的に CSS プリプロセッサが構築された目的です。可読性が高く、変更難易度の低い、扱いやすいCSSスクリプトに仕上げました。そうすれば、CSS ファイルを見る必要さえありません。ブラウザの土地に出荷するだけで、ブラウザ固有のレンダリング(咳、咳IE)によってとにかくバラバラになります。

于 2013-04-25T02:38:03.970 に答える