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.
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: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.