[解決済み】@importを使ってsassでディレクトリ全体をインポートすることは可能ですか?
2022-04-05 20:10:45
質問
私は、SASSパーシャルを使用してスタイルシートを以下のようにモジュール化しています。
@import partials/header
@import partials/viewport
@import partials/footer
@import partials/forms
@import partials/list_container
@import partials/info_container
@import partials/notifications
@import partials/queues
は、@import compassか何かのように、partialsディレクトリ(SASS-partialsでいっぱいのディレクトリです)全体をインクルードする方法はあるのでしょうか?
解決方法は?
RailsプロジェクトでSassを使用する場合、sass-rails gemを使用します。 https://github.com/rails/sass-rails は、グロブのインポートを特徴としています。
@import "foo/*" // import all the files in the foo folder
@import "bar/**/*" // import all the files in the bar tree
別の回答での懸念に答えるために "ディレクトリをインポートする場合、インポート順序をどのように決定することができますか?それは何か新しいレベルの複雑さを導入しない方法はありません。"
ファイルをディレクトリに整理することで、複雑さを軽減することができると主張する人もいます。
私の組織のプロジェクトは、かなり複雑なアプリです。17のディレクトリに119のSassファイルがあります。これらはおおよそビューに対応し、主に調整に使用され、重い仕事はカスタムフレームワークによって処理されます。私にとっては、インポートされたディレクトリの数行は、インポートされたファイル名の119行よりも少し複雑です。
ロード順については、ミキシンや変数など、最初にロードする必要があるファイルを、アーリーロードディレクトリに配置するようにしています。そうでなければ、ロード順は関係ありませんし、関係あるはずです......きちんとやっていれば。
関連
-
[解決済み] tslintの輸入品発注ルールを使った輸入品の発注方法
-
[解決済み] MySQLでコマンドラインを使用してSQLファイルをインポートするにはどうすればよいですか?
-
[解決済み] SCSSとSassの違いは何ですか?
-
[解決済み] CSS calc()関数内のSass変数
-
[解決済み] ES6インポートで中括弧を使用するのはどのような場合ですか?
-
[解決済み] SCSSファイル内に通常のCSSファイルをインポートする?
-
[解決済み】@importを使ってsassでディレクトリ全体をインポートすることは可能ですか?
-
[解決済み] カスタムパッケージの使用方法
-
[解決済み] Goのインポート文の'.'(ドットまたはピリオド)は何をするのですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン