I've got a react component I'd like to build to and serve from another folder other than src, let´s say the following is my project folder structure:

.
├── ...
├── docs             # Serve files on /docs folder instead of /src
│   └── build        # Build the contents of /src to /docs/build
│      ├── index.js              
│   ├── api.tsx             
│   ├── index.tsx   
│   ├── index.html
├── webpack
├── src              # Project files
└── ...

What I'm trying to achieve is to have webpack build the contents of /src (which is a React Component) to /docs/build and then serve the /docs folder instead of /src. Within the /docs folder, index.html loads index.js from /docs/build folder...

Does anyone have any directions on how to achieve such a config? I'd like to keep the default settings as is, but create an alternate webpack config and a package.json script such as "build-serve-docs" as a separated command.

Thanks in advance.