How to bundle a React app to a subdirectory on a server?

Question

I have a React app I\'ve been developing on my localhost. I want to copy it to a server into a subdirectory called vensa.

My webpack config file looks like this..

Answer 1

1. Add "homepage": "https://yourdomain/subdirectory/" in package.json
2. Update the Routes, set sub directory in route,

3. Add base in public/index.html. It helps to set path without issues.

4. make all css, js, images & all resource loading './assets/your resource.'

5. Only look if you are using history. add basename in history

    const historyConfig = {
        basename: 'your subdirectory'
    };
    const history = createBrowserHistory(historyConfig);