Wie sollte man Foundation mit Laravel benutzen?
Ich dachte, ich würde Foundation im Ordner vendor mit bower install foundation installieren. Dies führt zu einem vendor/bower_components Ordner, in dem ich Foundation und alle benötigten Bibliotheken wie jQuery habe.
Was soll ich in gulpfile.js für Elixir hinzufügen, um dies richtig zu interpretieren? Es sollte möglich sein,
In einem Nicht-Laravel-Projekt würde ich den Ruby-Edelstein foundation new my_project ausführen und die kompilierten Dateien manuell einbinden. In diesem Fall erstellt der Befehl jedoch viele Dateien, die nicht benötigt werden.
Laravel Elixir enthält Libsass, also brauchst du Ruby nicht, um deine Foundation Sass-Dateien von Laravel zu kompilieren. Alles, was du brauchst, ist Laube und Laravel Elixier. Außerdem müssen Sie keine Dateien aus dem Ordner bower_components in den Ordner resources/assets kopieren.
Folgen Sie zuerst den offiziellen Anweisungen zum Installieren von Elixir.
Dann erstellen Sie die Datei .bowerrc im Stammverzeichnis Ihres Laravel-Projekts mit folgendem Inhalt:
Dann erstellen Sie die Datei bower.json im Stammverzeichnis Ihres Laravel-Projekts mit folgendem Inhalt:
Installieren Sie dann sowohl die Laube als auch das Fundament:
%Vor% Erstellen Sie dann die Datei resources/assets/sass/_settings.scss file mit diesem Inhalt:
Bearbeiten Sie dann die Datei resources/assets/sass/app.scss file mit diesem Inhalt:
Konfigurieren Sie die Datei gulpfile.js mit diesem Inhalt:
Um zu bauen folgen Sie einfach den offiziellen Dokumenten:
%Vor% Ihre kompilierten Dateien befinden sich in public/css/app.css und public/js/app.js .
Um auf die neueste Version der Zurb Foundation zu aktualisieren, führen Sie einfach
aus %Vor%Kopiere Fundierung & gt; scss-Ordner zu Ressourcen & gt; Assets-Ordner, benennen Sie scss in sass um, in Ihrer gulpfile.js fügen Sie folgendes hinzu
%Vor%Run Schluck, der Foundation.css Datei in öffentlichen & gt; generieren wird css-Ordner, fügen Sie diese Datei in Ihr Projekt ein.
Für js-Dateien können Sie einfach so etwas verwenden, um die Datei zu kopieren
%Vor%Tags und Links laravel sass zurb-foundation laravel-elixir