Ember Import Bootstrap Theme installiert mit Laube

Question

Dies ist mein erstes Projekt mit Ember.js und ich bin this tutorial als Ausgangspunkt für mein Projekt. Ich habe mich gefragt, was die besten Praktiken sind, um ein Bootstrap-Thema anzuwenden.

Ich verwende derzeit Bootstrap-Sass "3.3.6" und das Thema, das ich verwenden möchte, ist https://github.com/puikinsh/gentelella und ich installierte es durch Laube.

bower install gentelella --save

Wenn ich es richtig ich diese Datei in meinem glut-cli-build.js Datei mit app.import Befehl wie folgt importieren müssen:

app.import('bower_components/gentelella/build/css/custom.min.css')

Dennoch kann kein Unterschied in meinen HTML-Dokumenten gesehen werden. Weder in meinem Netzwerkbereich.

Ich denke, dass vielleicht sollte ich auf meine style.scss-Datei, eine Import-Anweisung hinzufügen, aber ich weiß nicht, wo soll ich es ...

So zeigen lassen, wie importieren Sie eine Bootstrap-Thema ? Jeder kann etwas Hilfe geben?

Answer 1

Nach der offiziellen Dokumentation, der richtige Weg, einen Anbieter-Datei in Ihr Projekt zu importieren ist durch glut-cli-build.js Angabe der Datei, die Sie mit einem app.import haben müssen.

https://guides.emberjs.com/v2.0.0/addons-and-dependencies/managing-dependencies/

Der Grund, warum ich keinen Unterschied in meinem Netzwerk Abschnitt gesehen haben, weil Ember eine erzeugt vendor.css und vendor.js Dateien, die alle importierten Dateien enthält. Wenn Sie sie inspizieren, können Sie sehen, dass alles richtig importiert wurde.