Verwenden Sie Bootstrap mit Composer

Question

Ich bin ein Web-Neuling Programmierer,
Ich versuche von zu Hause 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 ich habe diese Codezeile

composer require twbs/bootstrap 

ausgeführt, die einen Ordner mit Dateien gelöscht hat.

Ich verstehe nicht, wie ich HTML-Links zu den js und CSS-Dateien zu finden, sollten Sie tun, die Angabe des vollständigen Pfades?

vendor/twbs/bootstrap/dist/js/bootstrap.js 

Entschuldigen Sie, wenn die Frage dumm ist, aber ich weiß nicht, wie ich fortfahren sollte.
Amd Entschuldigung mein Englisch, ich lerne auch, aber jetzt verwende ich Google Translate

Answer 1

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 einzuschließen.

composer require twbs/bootstrap ➔ vendor/twbs/bootstrap/dist/js/bootstrap.js

---

Ihr nächster Schritt ein wenig Helfer-Skript zu schreiben wäre, die Bootstrap-Dateien, die Sie benötigen, in Ihr public/assets Ordner zu kopieren. Sie können den vollständigen Ordner "dist" einschließlich der Unterordner (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.

dass Sie die folgende Verzeichnisstruktur gibt:

public 
\- assets 
    |- css 
    |- js 
    \- fonts 
\- index.html 

Wenn die Bootstrap-Assets kopiert werden, können Sie sie zu zählen beginnen, in Ihrem index.html oder Vorlage (assets\js\bootstrap.min.js, etc.).

---

Referenzierung: https://stackoverflow.com/a/34423601/1163786 die auch andere Lösungen für dieses Problem zeigt, z.B. fxp/composer-asset-plugin, bower, grunzen.

Answer 2

Es sei denn, Sie Anpassung benötigen innerhalb Bootstrap (zB Gebäude SCSS), die einfachste Lösung ist auf einem CDN unter Berufung (als Bonus erhalten Sie super-schnelle Caching von Vermögenswerten)

Also, rufen Sie einfach Ihre Vermögenswerte wie folgt:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
<script src="//code.jquery.com/jquery-2.2.4.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

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