2016-04-12 8 views
1

いくつかのファイルをapplication.cssファイルまたはapplication.jsファイルにインポートする必要があります。 たとえば、私は@importステートメントを使用します。 は、私は、ベンダー/資産/スタイルシートディレクトリにいくつかのスタイルシートを持っている: @importまたはrequireを使ってRss 4.2.4にcssとjsをインポートする

vendor/assets/stylesheets/font-awesome.min.css 
 
vendor/assets/stylesheets/bootstrap.min.css 
 
etc
だから、私が使用します。

@import 'font-awesome'; 
 
@import 'simple-line-icons'; 
 
@import 'bootstrap';
ここで私はロードすることができた

フォントのすばらしいファイルですが、ブートストラップやシンプルラインアイコンはありません。

File to import not found or unreadable: file_name.css

かなり奇妙な:私はこのエラーを得ました。ベンダーディレクトリからファイルをインポートするという一般的な考え方は正しいですか?または、これらのファイルを別のディレクトリに置くべきですか?

P.S:私はあなたが私が手動でブートストラップインポートと宝石を使用していない理由を尋ねるかもしれません知っています。答えは私がいくつかのテンプレートを買ったことと、テンプレートからのすべてのファイルを一貫性のあるものにすることです。

+0

ベンダー/アセット/スタイルシートからファイルをインポートするあなたの考えは完全に正しいです。 '@import 'bootstrap.min''を使ってみましたか? –

+0

@AlexanderKomarov、ありがとう、それは助けた。一般的に問題は、フォントの素晴らしさがgemの依存関係によって読み込まれたことでした。 – yerassyl

+0

これは理にかなっていますが、なぜあなたが 'bootstrap'ではなく' font-awesome'をインポートできるのか不思議でした。 AFAIK私は実際の答えに私のコメントを変換する必要があります。しましょう。 –

答えて

3

vendor/assets/stylesheetsからファイルをインポートするあなたの考えは絶対に正しいです。他の場所からインポートされたファイル(自分で書かれたものではない)はそこに行かなければなりません。

ただし、@import bootstrap.min、ない@import bootstrapを行う必要があります。

また、@Rendrumが指摘しているように、*= require bootstrap.minapplication.cssに入れる方が良いでしょう。外部のエンティティによって所有

2

資産はvendor/assetsディレクトリに配置する必要があり、それは成功し、レールによって管理することができます。 http://guides.rubyonrails.org/asset_pipeline.html

:あなたはapplication.css

*= require font-awesome 
*= require simple-line-icons 
*= require bootstrap 

でこれらの式を使用して、それらを自動的にロードすることができ、あなたのアプリに含めるために

は、私はあなたが作品をレール方法を理解するためには、これを読むことをお勧めありがとうAlexander Komarov訂正用:

+1

'app/assets'はあなたの資産用です。他の場所から取得したアセットについては、代わりに 'vendor/assets'ディレクトリを使用してください。 –

+0

はい、あなたの貢献に感謝します:) – Rendrum

+1

それは 'app/vendor/assets'ではなく、' vendor/assets'です:) –

関連する問題