2016-06-12 14 views
1

Allgemeinen I CDN (oder nuget) verwende für einschließlich Bootstrap oder andere Client-Seite Bibliotheken auf meiner Websiteerhalten Bootstrap von NPM und umfassen html

Vor kurzem las ich über NPM/Bower und andere moderne Paket -Management-Tools, entschieden und

nach einiger Zeit des Surfens zu versuchen und zu untersuchen, ich bin jetzt völlig verwirrt, wie einfach herunterladen und schließen Bootstrap distrib css/js Dateien auf meine Seite, wie es war ....

1. Versuch, ich installiere Bootstrap mit NPM, lädt es ganzen Bootstrap mit allen Quellen/Module und usw. zum node_module Verzeichnis ... na ja, ich fand Verteilungen in node_modules/Bootstrap/dist Ordnern

jetzt Fragen:

  • Soll ich einen Link node_modules/Bootstrap/dist/ css and js Dateien auf meiner Website ?
  • Wenn ja, sollte ich dann ganze node_modules Ordner mit Website bereitstellen?
  • wenn Nein, und ich weiß, dass NPM-Paket ist modular aufgebaut und bla bla bla und sollte von require("bootstrap") als viele andere Fragen

    • ist require("bootstrap") Knoten js oder einige oter js Funktion aufgenommen werden?
    • sollte ich einige andere Knoten Pakete oder JS-Dateien in der Reihenfolge erfordern ("bootstrap") zu arbeiten
    • wo soll ich schreiben require("bootstrap") in HTML in Skript-Tag? Erstellen Sie einige js und schließen Sie es ein oder was?

2 nd versuchen, Ok, als ich verstehen, dass npm könnte Paketverwaltung für NodeJS Server-Seite sein, und bekam Bower ... aber wieder lädt es die gleichen Dateien in einen anderen Ordner bower_components und wieder dieselben Fragen. ..

Antwort

1

Wie Sie erwähnt haben, funktioniert Bower gut für diesen Anwendungsfall. Ändern Sie das Ziel des bower_components-Verzeichnisses wie hier beschrieben How to change bower's default components folder?

dann wie gewohnt einbeziehen. Verwenden Sie nicht die Funktion require, da diese nur für die Serverseite nodejs gilt.

+0

ja, aber es lädt immer noch alle bootstrap Quellen, ich will nur dist ... sonst sollte ich irgendwie dist in ein anderes öffentliches Verzeichnis kopieren? –

+0

Verweisen Sie einfach den Pfad zum Ordner dist, wenn Sie die CSS und JS in Ihrem HTML einfügen. Diese Pfade variieren von Paket zu Paket. Es gibt Möglichkeiten, die Bower-Installationstypen wie hier beschrieben zu filtern http://stackoverflow.com/questions/28619210/configure-bower-to-install-only-dist-folder, aber sie sind anscheinend hacky. – cs01

+0

Danke, was ist mit (...) wenn ich Modular verwenden möchte? Soll ich ein paar andere js hinzufügen? –