PR
TIPS

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

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

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

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

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

この記事を書いた人
Naokazu Yokoo

エンジニア歴20年以上。現在はWeb / AI領域で活動中。
開発環境・サーバー環境ともに速度と効率性を追求しています。

Follow Naokazu Yokoo
Follow Naokazu Yokoo

Comment

タイトルとURLをコピーしました