compass-sass - `@import "compass/css3/border-radius"` の代わりに `@import "compass/css3"` を使用するとペナルティはありますか?

Question

私はsassファイルを持っています

@import "compass/css3/border-radius";
@import "compass/css3/box-shadow";

私はちょうどそれを

@import "compass/css3";

も機能します。

後者の形式を使用しない理由はありますか?

Answer 1

インポートが mixin 以外のものを取り込まない限り、唯一のオーバーヘッドは、sass コンパイラーがより多くの mixin を追跡しなければならないコンパイル時になります。 .

@import "compass/reset";リセット スタイルの大きなチャンクをインポートするようなものには警告があります。これもパフォーマンスに大きな影響はありませんが、スタイルシートにスタイルが追加され、出力が変更されます。.scssスタイルはインポートした時点で挿入されるため、ファイルの後で mixin ではないものをインポートする場合は注意が必要です。詳細度が等しい後の CSS ルールが以前のものよりも優先されるためです。

しかし、本当の答えは、いつものように、最小限の.scssファイルをインポートして試してみて、反対側にどのような CSS が出てくるかを確認することです。最終的に、その CSS はブラウザに与えるものです。コーシャであることを確認してください！