SassでCSSをインポートする際の注意点

SassでCSSをインポートする際、少し注意が必要です。

具体的には、@importを使用するとき、ファイル名に拡張子を含めて記述するとURLとしてインポートされます。たとえば、@import "top_firstview.css";とした場合、それはURLとして解釈されます。

一方、ファイル名から拡張子を省略した場合、Sassではそれをインラインインポートと解釈します。したがって、@import "top_firstview";と書くと、top_firstview.scss(あるいは.sass)ファイルの内容が現在のファイルに直接挿入されます。

この違いは、特に大規模なプロジェクトで重要になる可能性がありますので、覚えておきましょう。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

上部へスクロール