我想弄清楚如何使用 --webpack
一个非常简单的 Rails 5.1 应用程序的方法。
我正在尝试使用它来管理 JS 和 CSS(特别是 scss
)。
不过,这非常令人沮丧,因为即使是最基本的东西,我也无法在任何地方找到如何做的文档。
如何从我的 css 文件中链接图像?
像这样:background-image: asset-url('header.jpg')
最佳答案
您可以使用默认的 webpack-rails 配置。请按照我在评论中添加的路径
您的布局应包含特殊标签:
# 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';
应用程序.scss
#app/javascript/packs/stylesheets/application.scss
body{
background-image: url('../img/arrow-right-red.svg');
}
图片的路径是:
app/javascript/packs/img/arrow-right-red.svg
关于ruby-on-rails - Rails 5.1 + Webpack .... CSS 中的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43824626/