@importと、requireって何が違うの？ - Qiita

@impirtとは @importはscssが用意しているメソッドです。そのため、application.scssと拡張子を変更しないと使えません。また、application.scssからscssファイルをインポートするために使用しなけばなりません。 scssはscss専用のメソッドなので、requireとは異なります。 reqireとは requireはRailsのアセットパイプラインの仕組みを使ってファイルをインポートすることを指します。 アセットパイプラインとは アセットパイプラインとは、JavaScriptやCSSのアセットを最小化 (minify: スペースや改行を詰めるなど) または圧縮して連結するためのフレームワークです。アセットパイプラインでは、CoffeeScriptやSass、ERBなど他の言語で記述されたアセットを作成する機能を追加することもできます。 アセットパイ