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

Use the html-webpack-plugin to generate your final index.html with the correct bundle names automatically injected into it.

Then set output.publicPath in your webpack config to tell webpack the subdirectory your assets will be deployed to:

output: {
  path: 'build',
  publicPath: "/vensa/",
  filename: 'bundle.js'
},