SASS - アーキテクチャとローディング

Question

私はSymfony2でSASSを使用していますが、私はfew articlesの推奨アーキテクチャについてお読みください。

• ベース/ - 含有 - 独自.scss
部分レイアウト/各自己完結型の成分を含有する - などをリセットし、タイポグラフィ、色、 としてグローバルスタイル、
• 成分を/含まより大きなレイアウトコンポーネントのためのスタイリング;例えばNAVなど ヘッダー、フッター、
• ページ/ - さまざまなテーマのためのスタイリングが含まれてい
• utilsの -/- グローバルミックスイン、機能、ヘルパーセレクタ、などが含まれてい
• テーマ/必要な場合は、ページ固有のスタイルが含まれています。
• ベンダー/ - サードパーティのスタイルを含む、ミックスインなど
• main.scss - 一緒に、彼らは時にすべてのファイルをロードしている例では上記の部品

のすべてをもたらします出力ファイルs私は、異なるページスタイルとその読み込みを分けなければならないと心配しています。

すべての.scssファイルを一度に読み込んでもページが遅くなることはありませんか？なぜ分離は言及されていないのですか？変数の継承？どうして？

Answer 1

ファイルを分割することで、簡単に開発できるようになります。小さな変更を行う場合はいつでも、数百〜数千行のSCSSを検索する必要はありませんが、心配する必要はありません。それはあなたのページを遅らせることはありません。

SASSがコンパイルされると、SCSSファイルが1つのCSSファイルにマージされ、同時にそれを縮小します。