Wie fügt man Heroku benutzerdefinierte Bootstrap-Designs hinzu?

Question

Ich bin sehr ein Anfänger und baue meine erste Node-Angular-Anwendung. Ich habe Bootstrap mit npm installiert und ein benutzerdefiniertes Theme von https://bootswatch.com/ heruntergeladen, welches vorschlägt, die Standard bootstrap.css Datei durch die Theme CSS Datei zu ersetzen.

Dies funktioniert gut, wenn die App lokal ausgeführt wird, aber wie kann ich das Thema in Heroku arbeiten lassen? Heroku startet die npm-Installation jedes Mal, wenn ich einen Git-Push mache und überschreibt daher das benutzerdefinierte css-Theme im Verzeichnis node_modules/bootstrap/dist/css /.

Was wäre der beste Ansatz, um ein Bootstrap-Thema in Heroku zu verwenden, wenn der Bootstrap über npm installiert wird?

Answer 1

Legen Sie die heruntergeladene bootswatch CSS-Datei irgendwo in Ihrem Hauptprojektverzeichnis, nicht in node_modules/ (Sie können einen vendor/ Ordner erstellen, um es getrennt von Ihnen anderen Code zu halten).

Ändern Sie Ihren Code, um auf die Bootswatch-CSS-Datei anstelle der CSS-Datei in node_modules/ zu verweisen. Sie können wie gewohnt auf den Bootstrap JS von node_modules/ verweisen.

Im Allgemeinen sollten Sie niemals Dateien in node_modules/ ändern, da sie mit Neuinstallationen überschrieben werden.