1. ホーム
  2. import

[解決済み] SASSを使用しているとき、異なるディレクトリからファイルをインポートするにはどうすればよいですか?

2023-02-04 08:28:32

質問

SASSでは、別のディレクトリからファイルをインポートすることは可能ですか? 例えば、このような構造があったとします。

- root_directory
    - sub_directory_a
        - _common.scss
        - template.scss
    - sub_directory_b
        - more_styles.scss

template.scssは、_common.scssをインポートするために @import "common" とありますが、more_styles.scssが_common.scssをインポートすることは可能なのでしょうか? 私は以下のようないくつかの異なるものを試してみました。 @import "../sub_directory_a/common"@import "../sub_directory_a/_common.scss" を追加しましたが、何も動作しないようです。

どのように解決するのですか?

最新情報 : ご検討ください みっかさんの回答 を含むことにだけ興味があるのであれば、それは欠陥なく機能するはずです。 サブディレクトリ . 私の答えは、ディレクトリを含むことに特化しています その他の を含むことに特化していますが、サブディレクトリにも有効です。しかし 慣用的なやり方ではありません。


SASSのいくつかの変更により、あなたが最初に試したことが可能になったようです。

@import "../subdir/common";

にある全く関係のないフォルダに対しても動作するようになりました。 c:\projects\sass :

@import "../../../../../../../../../../projects/sass/common";

ただ、十分に ../ を追加するだけで、ドライブルートに到達することを確認できます。

もちろん、この解決策はきれいとは程遠いものですが、私はまったく別のフォルダーからのインポートを動作させることができず、どちらも I c:\projects\sass を使用しても、環境変数 SASS_PATH (から)。 :load_pathsの参照 から) をその同じ値に変換します。