@import を使用して sass でディレクトリ全体をインポートすることは可能ですか? 質問する

@import を使用して sass でディレクトリ全体をインポートすることは可能ですか? 質問する

私は次のように 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

部分ディレクトリ全体(SASS 部分でいっぱいのディレクトリ)などを含める方法はあります@import compassか?

ベストアンサー1

Rails プロジェクトで Sass を使用している場合、sass-rails gem ( https://github.com/rails/sass-rails ) には glob インポート機能があります。

@import "foo/*"     // import all the files in the foo folder
@import "bar/**/*"  // import all the files in the bar tree

別の回答の懸念に答えると、「ディレクトリをインポートする場合、インポート順序をどのように決定できますか? 新たなレベルの複雑さを導入しない方法はありません。」

ファイルをディレクトリに整理すると複雑さが軽減されると主張する人もいます。

私の組織のプロジェクトはかなり複雑なアプリです。17 個のディレクトリに 119 個の Sass ファイルがあります。これらはほぼビューに対応しており、主に調整に使用され、面倒な作業はカスタム フレームワークによって処理されます。私にとって、インポートされたディレクトリの数行は、インポートされたファイル名の 119 行よりも少しだけ簡単です。

ロード順序に対処するために、最初にロードする必要があるファイル (ミックスイン、変数など) を早期ロード ディレクトリに配置します。それ以外の場合、ロード順序は無関係であり、無関係であるはずです... 適切に処理されている場合。

おすすめ記事