0

私は大きなプロジェクトに取り組んでおり、全体で 1 つの CSS ファイルを使用しています。私は今、これが管理不能で組織化されていないことに気付きました (これまでにほぼ 2000 行あります)。

CSS の分割に関するさまざまな手法を調べましたが、これまでに見つけたものは次のとおりです。

1) CSS を別々のファイルに分割し、LINK タグを使用してそれらを参照します。これの欠点は、サーバー要求の数が増えることです。

2) CSS を個別のファイルに分割し、@import ステートメントを使用してそれらを参照します。これのマイナス面は、サーバー要求の増加です。

3) LESS などの CSS パーサーを使用します。これにより、CSS を個別のファイルに分割でき、追加のサーバー要求が発生しなくなります。ただし、これを使用することの (私にとっての) 主な欠点は、チームのすべての開発者が CSS スタイリングの新しい方法/スタイルを学ぶ必要があることです。また、LESS を使用すると、FireBug で行番号が取得されないこともわかりました。

では、代替オプションは何ですか？理想的には、CSS を別々のファイル (少なくとも 10 個あります) に分割し、パフォーマンスに影響を与えることなくそれらすべてを参照する方法を用意したいと考えています。

4

1 に答える 1

1

管理を容易にするために、ページ固有のスタイルシートでサポートされているグローバル スタイルシートを使用するのが好きです。

おっしゃる通り、2000 行以上になると管理が非常に難しくなります。また、500 ページの巨大なサイトにスタイルシートが 1 つしかない場合に、後で変更を加えたい場合に制御するのは非常に難しいこともわかりました。あなたが忘れていたことが、埋められたページで変わるかもしれません。

追加のサーバー リクエストは、メリットにとってそれほど大きな問題ではないと思います。

私が CSS パーサーを使用するのは簡単なことではありません。なぜなら、習得に時間がかかるからです。また、追加のスタイルシートがうまく機能しているように見える場合、努力する価値があるとは思えないからです。

于 2013-05-23T22:56:57.390 に答える