webentwicklung-frage-antwort-db.com.de

Verwendung von "homepage" in package.json, ohne die Pfade für localhost zu verfälschen

Diese Frage ergibt sich tatsächlich direkt aus meiner Antwort zu einer vorherigen Frage.

Ich habe meinem "homepage" Einen package.json Hinzugefügt, weil es eine React App ist, die ich auf Github Pages gehostet habe. Die Ausgabe von npm run build Sagt das aus Das Verzeichnis /build kann jetzt bereitgestellt werden, und es wird davon ausgegangen, dass das Projekt unter /project_name/ gehostet wird.

Aber auf localhost wird das Projekt nicht bei /project_name/ Gehostet, so dass die Pfade, die für js und css angefordert werden, durcheinander sind (suchen) für /project_name/static/... statt /static/...) und die App kaputt.

Wie kann man das Homepage-Feld in package.json haben, damit sie (zum Beispiel) auf Github Pages bereitgestellt werden können, während sie noch lokal mit einer funktionierenden App entwickelt werden?

19
tscizzle

Docs für create-react-app erklärt, wie derselbe Build aus verschiedenen relativen Pfaden bedient wird.

Wenn Sie Homepage als setzen

"homepage": ".",

vermögenswerte werden in Bezug auf index.html

Für Entwicklungszwecke dienen mit yarn start oder npm start ist gut genug. App wird in localhost verfügbar sein

16
sudo bangbang