0

いくつかの CSS ブートストラップとボイラープレートの出現により、特定のディレクトリ (要素、クラス、ID) 内のすべてのタグを取得し、使用されていないすべてのものをより少ないファイルから取り除き、CSS ファイルにコンパイルするプログラムはありませんか? それはかなりのスペースを節約しませんか？知っていることがあれば教えてください。

編集：私はそれをライブで実行することについて話しているのではありません。プリコンパイルする私たちのために

4

1 に答える 1

1

私は何も知りませんが、私がしていることは、物事を別々のファイルに整理しておくことです. そうすれば、特定のビューに必要なものだけをロールアップできます。私はあまりにも具体的にならない傾向があるので、特定のページに未使用のルールがあると確信しています. 私が持っているかもしれないものの基本的な例は次のとおりです。

base.less

// this is the sheet for the global layout and is needed for every page

@import "reset.less";
@import "util.less"; // these are all mixins for grids, clearfix, gradients, etc..
@import "typography.less"; // fontface, basic typo grid
@import "brand.less"; //mixins for colors, brand specific sprites, etc..
@import "components.less"; // these are rules for components that might be used anywhere

/* rules for global layout and default element styles follow */

ビュー名.less

// this is the view/page specific sheet
@import "util.less"; // these are all mixins for grids, clearfix, gradients, etc..
@import "typography.less"; // fontface, basic typo grid
@import "brand.less"; //mixins for colors, brand specific sprites, etc..
@import "viewname.components.less"; // set of component styles used only for this view

viewname.components.less

// this is a "roll up" sheet that imports different componets used in this specific view
// this way i can each component separate but still use them in different views.
@import "somewidget.component.less";
@import "someotherwidget.component.less";

したがって、基本的には、ベースとビュー用の 2 つのスタイルシートのみを含めます。すべてが配信前にサーバー側でコンパイルおよび縮小されます

于 2012-09-27T19:38:21.430 に答える