Also zum Beispiel sagen, ich habe etwas installiert:
%Vor%und es wird in
heruntergeladen %Vor% und es hat dort einen Ordner namens styles und in diesen Ordner, den du something.css hast. Wie würde ich diese CSS-Datei in mein HTML-Dokument einfügen (wenn mein HTML-Dokument mit dem Ordner node-modules zusammenhängt?
Ich meine, ich könnte dies in meinem HTML-Kopf tun:
%Vor% Aber es fühlt sich falsch an, in Ihrem node_modules -Verzeichnis nach Sachen zu graben. Vor allem, wenn das HTML-Dokument vielleicht minimiert werden muss und dann in ein ./dist/ -Verzeichnis geworfen werden muss. Weil dann der Pfad zu something.css aus ist ..
Gibt es nicht einen Weg einfach zu gehen:
%Vor%in Ihrem HTML-Dokument - unabhängig davon, wo es in Ihrer Projektstruktur sitzt - und es wird nur wissen, wo Sie diese CSS-Datei finden können?
Dafür gibt es ein Paket namens npm-css
In webpack können Sie css wie require('bootstrap.css') benötigen, deshalb ist die Installation von css über npm ziemlich nützlich
Wenn Sie es nicht haben, können Sie eine npm-Skriptaufgabe erstellen, die (mit fs.readFile) alle css-Dateien von den node_modules erfordert, und sie in eine einzelne Datei kompilieren (was npm-css tut)
Eigentlich ist es nicht nötig, die CSS-Dateien explizit in Ihrem HTML-Kopf zu referenzieren.
Da Sie die css-Bibliothek bereits über npm eingebunden haben, lädt Node.js nach dem Ausführen von npm start zum Ausführen Ihres Projekts alle node_moudules, die auch die benötigten css-Bibliotheken enthalten.
Je nachdem, welchen Modullader Sie verwenden. Zum Beispiel Webpack dann lies bitte diesen Link Ссылка
Anderenfalls müssen Sie in Ihrem Server node_modules als statisches Dateiverzeichnis haben und dann können Sie sicher
machen %Vor%und es korrigiert keinen Schaden darin
Tags und Links javascript html css node.js npm