Si vous utilisez des rails ver.6 ou plus, je voulais lire CSS avec webpacker au lieu de ʻasset pipeline`, donc je l'ai implémenté, donc c'est un mémo.
À partir de README.md de webpacker.
app/javascript:
└── packs:
# only webpack entry files here
└── application.js
└── application.css
On suppose que «rails new» est terminé. Si vous utilisez une version inférieure à rails6, installez également webpacker.
Suivez la structure de répertoires de ↑. Créez un fichier ʻapplication.css` dans app / javascript / packs
Le point d'entrée est packs / application.js, alors importez le fichier application.css.
packs/application.js
import "packs/application.css";
Décrivez ce qui suit dans views / layouts / application.html.erb.
La valeur par défaut est probablement stylesheets_link_tag, donc je me suis demandé si je devais le changer en stylesheets_pack_tag.
<%= javascript_pack_tag 'application' %>
<%= stylesheet_pack_tag 'application' %>
Tout ce que vous avez à faire est d'écrire du CSS. Ensuite, je voudrais vous présenter React et Vue.js.
Cette fois, je viens d'écrire la procédure, donc si vous voulez connaître le contenu un peu plus en détail, ↓ sera utile.
L'environnement de développement Rails 6+ Webpacker a été mis en place par un homme fort de JS (traduction) Je veux voir le css et les images avec webpacker Styles séparés pour chaque page avec webpacker
Recommended Posts