質問: Railsアプリのstylesheetsのコンパイルについて、@importがうまく機能せず困っています。 ### 詳細 npmで管理しているライブラリのCSSを、node_modulesから下記のかたちで読み込んでいます。 ・config/application.rb ``` module Hoge class Application < Rails::Application config.assets.paths << config.root.join('node_modules') end end ``` ・app/assets/stylesheets/custom.css.scss ``` // node_modules内のpath @import 'admin-lte/dist/css/AdminLTE.min.css'; @import 'font-awesome/css/font-awesome.min.css'; ``` この方法で、ローカル(AWS Cloud9)では指定のスタイルが適用されますが、**EC2にデプロイするとうまくいきません。** ### 確認していること ローカルにて、@importの挙動について下記のことを確認しました。 * 対象ファイルがstylesheets内の場合: 間違えるとエラーが発生 * 対象ファイルがstylesheets外の場合: **エラーが発生しない(アプリ、ブラウザ共に)** ### さいごに RailsもEC2も知識が浅くなかなか解決できないので、ご教示いただけますと幸いです。 どうかよろしくお願いいたいます。
回答: 1@importの中身は拡張子を消す https://stackoverflow.com/questions/7111610/import-regular-css-file-in-scss-file 2font-awesomeは更にnginxの設定ファイルに追記する必要がありました。 https://www.bunkei-programmer.net/entry/2013/10/14/140635