[解決済み] SASSを使用しているとき、異なるディレクトリからファイルをインポートするにはどうすればよいですか?
質問
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の参照
から) をその同じ値に変換します。
関連
-
[解決済み] tslintの輸入品発注ルールを使った輸入品の発注方法
-
[解決済み] MySQLでコマンドラインを使用してSQLファイルをインポートするにはどうすればよいですか?
-
[解決済み] 億の相対的輸入
-
[解決済み] Angular CLI SASSオプション
-
[解決済み】Excelで特定のテキスト値を自動的に日付に変換しないようにする。
-
[解決済み】@importを使ってsassでディレクトリ全体をインポートすることは可能ですか?
-
[解決済み] カスタムパッケージの使用方法
-
[解決済み] PHPのキーワード "use "はどのように機能しますか?また、このキーワードでクラスをインポートできますか?
-
[解決済み] 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 実装 サイバーパンク風ボタン