SassでCSSをインポートする際、少し注意が必要です。
具体的には、@import
を使用するとき、ファイル名に拡張子を含めて記述するとURLとしてインポートされます。たとえば、@import "top_firstview.css";
とした場合、それはURLとして解釈されます。
一方、ファイル名から拡張子を省略した場合、Sassではそれをインラインインポートと解釈します。したがって、@import "top_firstview";
と書くと、top_firstview.scss
(あるいは.sass
)ファイルの内容が現在のファイルに直接挿入されます。
この違いは、特に大規模なプロジェクトで重要になる可能性がありますので、覚えておきましょう。