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

Thanks @trenthogan, that is awesome. But as novice I was stumped as where to actually put the code as I was working from a tutorial w/out ROUTER. Here's what worked for me once I got it all sussed out...

in my index.js...

import React from 'react';
import ReactDOM from 'react-dom';
import './css/index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import { BrowserRouter as Router, Route } from 'react-router-dom';

ReactDOM.render(
    
        
    , document.getElementById('root'));
serviceWorker.unregister();

Which previously looked like...

import React from 'react';
import ReactDOM from 'react-dom';
import './css/index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(, document.getElementById('root'));
serviceWorker.unregister();