0

Webサイトの多くのページのスタイルを設定するために、変数とミックスインを含む大きなmain.scssファイルを作成しました。ページごとに異なるファイルをコンパイルする方法があるかどうかを知りたいのですが、これらのファイルにはページのスタイルだけが含まれています。例：

index.php、about.php、list.phpのスタイルを含むmain.scssファイルがありますが、これらすべてのphpファイルが同じコンパイル済みmain.cssを共有するのではなく、sass/compassコンパイラでこれらの異なるファイルをコンパイルする必要がありますページ。

または、これを達成するための別の手法があります。

ご意見をお聞かせください、

ありがとう、

4

1 に答える 1

3

  1. main.scssを複数のファイルに分割します。たとえば、scaffolding.scss、nav.scss、button.scssなど。

  2. index.scss、about.scss、list.scssを作成します。これらの各ファイルで、scaffolding.scss、nav.scss、および特定のページに必要なその他のファイルをインポートします

例

足場.scss：

.container {
    width: 100%;
}

nav.scss：

nav {
    color: pink;
}

button.scss：

input[type=button] {
    width: 2em;
}

index.scss：

@import "scaffolding";
@import "nav";

about.scss：

@import "scaffolding";
@import "nav";

list.scss：

@import "scaffolding";
@import "button";

パフォーマンスが心配な場合でも、すべてのcssを1つのファイルにまとめておくとよいでしょう。これは、最初にダウンロードされ、次にキャッシュからロードされるときにのみダウンロードされるためです。

于 2013-03-26T14:01:46.393 に答える