1. ホーム
  2. import

[解決済み】@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行よりも少し複雑です。

ロード順については、ミキシンや変数など、最初にロードする必要があるファイルを、アーリーロードディレクトリに配置するようにしています。そうでなければ、ロード順は関係ありませんし、関係あるはずです......きちんとやっていれば。