René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Custom build settings","articleBody":"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:\r\n\r\n    .\r\n    ├── ...\r\n    ├── docs             # Serve files on /docs folder instead of /src\r\n    │   └── build        # Build the contents of /src to /docs/build\r\n    │      ├── index.js              \r\n    │   ├── api.tsx             \r\n    │   ├── index.tsx   \r\n    │   ├── index.html\r\n    ├── webpack\r\n    ├── src              # Project files\r\n    └── ...\r\n\r\nWhat 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...\r\n\r\nDoes 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.\r\n\r\nThanks in advance.","author":{"url":"https://github.com/monecchi","@type":"Person","name":"monecchi"},"datePublished":"2022-06-04T15:20:12.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/20/webpack-typescript-react/issues/20"}