Wenn Sie Rails Version 6 oder höher verwenden, wollte ich CSS mit "Webpacker" anstelle von "Asset Pipeline" laden, also habe ich es implementiert, es ist also ein Memo.
Aus README.md von Webpacker.
app/javascript:
└── packs:
# only webpack entry files here
└── application.js
└── application.css
Es wird davon ausgegangen, dass "Schienen neu" abgeschlossen ist. Wenn Sie eine niedrigere Version als Rails6 verwenden, installieren Sie auch den Webpacker.
Folgen Sie der Verzeichnisstruktur von ↑.
Erstellen Sie eine application.css-Datei in app / javascript / packs
Der Einstiegspunkt ist packs / application.js. Importieren Sie daher die Datei application.css.
packs/application.js
import "packs/application.css";
Beschreiben Sie Folgendes in views / layouts / application.html.erb. Wahrscheinlich ist der Standardwert "stylesheets_link_tag", daher habe ich mich gefragt, ob ich ihn in "stylesheets_pack_tag" ändern soll.
<%= javascript_pack_tag 'application' %>
<%= stylesheet_pack_tag 'application' %>
Sie müssen lediglich CSS schreiben. Als nächstes möchte ich React und Vue.js vorstellen.
Dieses Mal habe ich gerade die Prozedur aufgeschrieben. Wenn Sie also den Inhalt etwas genauer kennenlernen möchten, ist ↓ hilfreich.
Die Rails 6+ Webpacker-Entwicklungsumgebung wurde von einem starken JS-Mann eingerichtet (Übersetzung) Ich möchte CSS und Bilder mit Webpacker sehen Separate Stile für jede Seite mit Webpacker
Recommended Posts