Von diese Antwort , sieht es so aus, als wäre die Verknüpfung mit den dist -Dateien von Bootstrap einfach.
Ich verwende jedoch LESS in meinem Projekt und möchte die Less-Dateien von Bootstrap nutzen. Was ist der empfohlene Weg, um das alles zu verknüpfen?
Da LESS technisch auch Bootstraps Quelldateien verwendet , sollte ich auch eine Verbindung zur JS-Quelle von Bootstrap herstellen? Oder ist es gut anzunehmen, dass die Mischquellen bootstrap/less und kompilierte Distanzen bootstrap/dist/js/bootstrap.js einfach funktionieren?
Ab Ember CLI Version 0.1.1 ist dies die empfohlene Methode, Bootstrap's weniger in Ihrem Projekt zu verwenden.
Installieren Sie zuerst bootstrap:
%Vor%Installieren Sie dann den weniger Präprozessor
%Vor%Ersetzen Sie dann app.css durch app.less in diesem Ordner:
%Vor%Fügen Sie dies in Ihrer neuen app.less-Datei dem Anfang der Datei hinzu:
%Vor%Fügen Sie in Ihrer Brocfile.js Folgendes hinzu:
%Vor% Wenn Sie auch Glyphicons verwenden möchten, die mit einem Boostrap gebündelt sind, fügen Sie Brocfile.js hinzu ( ember-cli-build.js , wenn Sie die neueste ember-cli verwenden):
Hier sind die Schritte, die ich gemacht habe:
Stellen Sie sicher, dass ember-cli Ihre .less -Dateien kompiliert, indem Sie broccoli-less-single
Installieren Sie bootstrap3 mit bower
Entferne app/styles/app.css und erstelle dein eigenes app/styles/app.less
BONUS:
Sie können bootstrap.js über die Brocfile.js -Datei importieren. Fügen Sie einfach
HINWEIS: Stellen Sie in Ihrem app/index.html sicher, dass Sie
Sie haben vielleicht bereits eine Lösung dafür gefunden, aber mit ember-cli 0.0.33+ bower install-Bootstrap, das Ihre Dateien im Herstellerordner speichert und in Ihre bower.json-Datei schreibt.
Verfolge das mit app.import('vendor/bootstrap/dist/js/bootstrap.min.js'); in deiner Brocfile.js. Ich habe eine app.less-Datei in app/styles/. You can reference your vendor / bootstrap / less / 'von dort eingefügt.
Ich habe auch einen custom.less-Import am Ende meiner app.less, wo ich meine eigenen Sachen schreiben kann.
Ich hoffe, das hilft.
Um die weniger Version von Bootstrap mit ember-cli zu verwenden:
Bootstrap Bower Paket installieren
%Vor% importieren Sie bootstrap.less in app/styles/app.less
Tags und Links build less twitter-bootstrap ember.js ember-cli