これは、sassのベストプラクティスに関する質問です。
次のような変数の割り当てを含む_colors.scssファイルがあるとします。
$white : #ffffff;
$black : #000000;
そして、私は色変数を使用する_typography.scssファイルを持っています：
H1 {
color: $white;
}
h2 {
color : $black;
}
styles.scssファイル：
私はそのようにインポートします：@import "colors"; @import"タイポグラフィ";
私の考えでは、screen.scssファイルでは、最初に色をインポートし、次にタイポグラフィをインポートします。色が最初にインポートされたため、変数はタイポグラフィと画面の両方で使用できます。
_typography.scssとstyles.scssの両方に_colors.scssをインポートする必要があると誰かが私に言いました。それは冗長ではないでしょうか？
しばらく前に、Railsのアセットパイプラインでいくつかの問題が発生しました。Herokuで正しくプリコンパイルするには、ミックスイン/変数スタイルシートを他のすべてのスタイルシートにインポートする必要がありました。この問題がまだ存在するかどうか、またはそれが私の構成の問題であったかどうかはわかりませんが、メインのスタイルシートにファイルを1回だけインポートでき、開発中に機能し、コンパイルされる場合は、2回含める必要はないと言っても過言ではありません。
あなたの考えは正しいです。変数をインポートすると、変数が呼び出される前に行われている限り、他の@importsで使用できるようになります。
「sassプロジェクトの構成方法」をご覧ください。そのかなり役に立ちました
2回インポートする必要はありません。
プロジェクトで使用するすべての変数を宣言するproject_variable.scssファイルを使用することをお勧めします。main.cssの先頭（_colors et _typoをインポートする場所）でインポートします。