在CSS中的Rails 5.1 + Webpack ....圖像？

我想弄清楚如何在一個非常簡單的Rails 5.1應用程序中使用--webpack方法。在CSS中的Rails 5.1 + Webpack ....圖像？

我試圖用它來管理JS和CSS（特別是scss）。

這太瘋狂了，雖然因爲沒有文檔我可以在任何地方找到如何做甚至最基本的東西。

如何鏈接我的css文件中的圖像？

像這樣：background-image: asset-url('header.jpg')

來源

2017-05-06 Tallboy

您是否試過閱讀[documentation]（https://github.com/rails/webpacker#webpacker）？ –

您可以使用默認的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

來源

2017-08-01 09:34:59

在CSS中的Rails 5.1 + Webpack ....圖像？

回答

相關問題