Rails 5.1 + Webpack .... CSS 이미지?

아주 간단한 Rails 5.1 앱에 --webpack 메서드를 사용하는 방법을 알아 내려고하고 있습니다.Rails 5.1 + Webpack .... CSS 이미지?

JS (CSS) (특히 scss)를 관리하는 데이 도구를 사용하려고합니다.

이것은 매우 불만 스럽지만 어디서나 가장 기본적인 것들까지도 찾을 수있는 문서가 없기 때문에 실망 스럽습니다.

내 CSS 파일 내에서 이미지를 어떻게 연결합니까? 이처럼

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

출처

2017-05-06 Tallboy

[documentation] (https://github.com/rails/webpacker#webpacker)을 읽으려고 했습니까? –

당신은 기본 웹팩 레일 구성을 사용할 수 있습니다.

# 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

출처

2017-08-01 09:34:59

답변

관련 문제