Hoe maak ik een productie build van mijn Vite React app?

Om een production build te genereren voor een project gebruik je onderstaand commando. Dit commando produceert een map dist waarvan de inhoud rechtstreeks op webhosting geplaatst kan worden.

pnpm run build

Root URL

Het bovenstaande commando verwacht dat het React project op de root van de webhosting geplaatst wordt, maar dit is natuurlijk niet altijd het geval. Stel je hebt een portfolio waarop je meerdere projecten wil hosten en dat het React project in de map /reactProject zit.

/
|-- index.html
|-- project1
|   |-- index.html
|   |-- ...
|-- reactProject
|   |-- index.html
|   |-- assets
|   |-- ...

In deze situatie moet het pad van het React project meegegeven worden aan het build commando, anders werkt de production build niet, dit doe je als volgt:

pnpm run build --base=/reactProject