Bootstrap mit Composer verwenden

9

Ich bin ein Web-Newbie-Programmierer,
Ich versuche von zu Hause aus zu lernen, mein eigenes Web zu machen. Ich habe Begriffe von PHP, HTML, Js und CSS.
Aber ich habe etwas gefunden, das nicht zu lösen ist. Ich versuche mit Composer Bootstrap zu verwalten. Ich habe Composer installiert und diese Codezeile ausgeführt

%Vor%

Das hat einen Ordner mit Dateien abgelegt.

Ich verstehe nicht, wie ich html-Links mache, um die js und css-Dateien zu finden, sollten Sie den vollständigen Pfad angeben?

%Vor%

Entschuldigung, wenn die Frage dumm ist, aber ich weiß nicht, wie ich weitermachen soll.
Entschuldige mein Englisch, ich lerne auch, aber ich benutze jetzt Google Translate

    
James Ryan 05.07.2016, 11:46
quelle

2 Antworten

5

Ja, Composer lädt die Abhängigkeiten standardmäßig in den Ordner vendor . Bootstrap landet also auch im Lieferantenordner, der nicht der richtige Ort ist, um darauf zu verweisen oder es einzubinden.

composer require twbs/bootstrapvendor/twbs/bootstrap/dist/js/bootstrap.js

Ihr nächster Schritt wäre, ein kleines Hilfsskript zu schreiben, um die benötigten Boostrap-Dateien in Ihren public/assets -Ordner zu kopieren. Sie könnten den kompletten Ordner mit den Unterordnern ( vendor\twbs\bootstrap\dist ) in public oder public\assets kopieren.

Bitte überschreiben Sie vorhandene Dateien, z. Wenn eine Datei existiert, entfernen Sie sie, und kopieren Sie sie. Dies ermöglicht ein einfaches Aktualisieren der Dateien, wenn Sie das Bootstrap-Herstellerpaket erneut aktualisieren müssen.

Natürlich können Sie die Dateien auch einfach manuell kopieren oder einen Symlink erstellen. Es kommt darauf an.

Das gibt Ihnen die folgende Verzeichnisstruktur:

%Vor%

Wenn die Boostrap Assets kopiert werden, kannst du sie in deine index.html oder Vorlage ( assets\js\bootstrap.min.js , etc.) einfügen.

Referenzieren: Ссылка , das auch andere Lösungen für dieses Problem zeigt, z. fxp / composer-asset-plugin, bower, grunt.

    
Jens A. Koch 05.07.2016 14:40
quelle
5

Sofern Sie keine Anpassung innerhalb bootstrap (z. B. Gebäude scss) brauchen, ist die einfachste Lösung auf eine CDN angewiesen (als Bonus erhalten Sie super-schnelle Zwischenspeicherung von Assets)

Also, rufen Sie einfach Ihre Assets wie folgt auf:

%Vor%

Composer ist ein hervorragendes Werkzeug für Backend Abhängigkeiten, aber nicht das beste für Frontend.

    
Massimiliano Arione 07.07.2016 11:35
quelle