Rails 5.1 + Webpack .... images en CSS?

J'essaie de comprendre comment utiliser la méthode --webpack pour une application Rails 5.1 très simple. J'essaie de l'utiliser pour gérer à la fois JS et CSS (scss, en particulier).Rails 5.1 + Webpack .... images en CSS?

C'est vraiment incroyablement frustrant parce qu'il n'y a pas de docs que je puisse trouver n'importe où, même pour les choses les plus élémentaires.

Comment lier une image à partir de mon fichier css?

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

Source

2017-05-06 Tallboy

Avez-vous essayé de lire la [documentation] (https://github.com/rails/webpacker#webpacker)? –

Vous pouvez utiliser la configuration par défaut webpack rails. S'il vous plaît suivre les chemins que j'ai ajouté dans les commentaires

votre mise en page doit inclure balise spéciale:

# 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'); 
}

chemins pour les images est :

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

Source

2017-08-01 09:34:59

Rails 5.1 + Webpack .... images en CSS?

Répondre

Questions connexes