Projects [SHOW]
3. JavaScript & CSS Scaffolding
Introduction
Obwohl Laravel nicht vorschreibt, welche JavaScript- oder CSS-Preprozessoren Sie verwenden, bietet es einen grundlegenden Ausgangspunkt mit Bootstrap und Vue, der für viele Anwendungen hilfreich sein wird. Standardmäßig verwendet Laravel NPM, um diese beiden Frontend-Pakete zu installieren.
CSS
Laravel Mix bietet eine saubere, ausdrucksstarke API über die Kompilierung von SASS oder Less, die Erweiterungen von plain CSS sind, die Variablen, Mixins und andere leistungsstarke Funktionen hinzufügen, die die Arbeit mit CSS viel angenehmer machen. In diesem Dokument werden wir kurz auf die CSS-Kompilierung im Allgemeinen eingehen; Sie sollten jedoch die vollständige Laravel Mix-Dokumentation für weitere Informationen zur Kompilierung von SASS oder weniger konsultieren.
JavaScript
Laravel verlangt nicht, dass Sie ein bestimmtes JavaScript-Framework oder eine bestimmte Bibliothek verwenden, um Ihre Anwendungen zu erstellen. Tatsächlich müssen Sie überhaupt kein JavaScript verwenden. Laravel enthält jedoch einige grundlegende Gerüste, um den Einstieg in das Schreiben von modernem JavaScript mit der Vue-Bibliothek zu erleichtern. Vue bietet eine aussagekräftige API für die Erstellung robuster JavaScript-Anwendungen mit Hilfe von Komponenten. Wie bei CSS können wir Laravel Mix verwenden, um JavaScript-Komponenten einfach in eine einzige, browserfähige JavaScript-Datei zu kompilieren.
Removing The Frontend Scaffolding
Wenn Sie das Frontend-Gerüst aus Ihrer Anwendung entfernen möchten, können Sie den voreingestellten Befehl Artisan verwenden. Dieser Befehl entfernt in Kombination mit der Option none das Bootstrap- und Vue-Gerüst aus Ihrer Anwendung und hinterlässt nur eine leere SASS-Datei und einige gängige JavaScript-Utility-Bibliotheken:
php artisan preset none