2017-05-06 15 views
2

非常に単純なRails 5.1アプリケーションのために--webpackメソッドを使用する方法を理解しようとしています。Rails 5.1 + Webpack .... CSSの画像は?

私はJSとCSSの両方を管理するためにそれを使用しようとしています(具体的にはscss)。

これは非常に不満ですが、私はどこでも最も基本的なものを行う方法を見つけることができるドキュメントはありません。

私のCSSファイル内の画像をリンクするにはどうすればよいですか?このよう

background-image: asset-url('header.jpg')

+0

[documentation](https://github.com/rails/webpacker#webpacker)を読もうとしましたか? –

答えて

0

あなたはデフォルトのWebPACKレールの構成を使用することができます。イメージの

# app/views/layouts/application.html.erb 

<head> 
    <%= javascript_pack_tag 'include_js_logic_here' %> 
    <%= stylesheet_pack_tag 'include_stylesheet_here' %> 
</head> 

include_stylesheet_here.js

# app/javascript/packs/include_stylesheet_here.js 
import 'react-select/dist/react-select.css'; #exmple how to get styles from library 
import './stylesheets/application.scss'; 

application.scss

#app/javascript/packs/stylesheets/application.scss 
body{ 
    background-image: url('../img/arrow-right-red.svg'); 
} 

パスです:私はあなたのレイアウトが特殊なタグを含める必要がありますコメント

で追加のパスに従ってください:

app/javascript/packs/img/arrow-right-red.svg