This project is a starting point for a TypeScript based React app that also has a local API server using express.
There are 2 different Webpack configurations. One for the server and one for the client.
The server build process compiles the TypeScript files found in /src/server
into a single bundled JavaScript file located in the /dist
directory.
The client build process compiles the React app located in /src/client
into a bundled located at /public/js/app.js
.
The client configuration will also build the Sass files found at /src/client/scss
. The App component imports the app.scss
file which already includes an import for Bootstrap.
In order to run the server, use npm run dev
, and the server will start on port 3000 (http://localhost:3000).
Webpack will watch the files. Once you save a file, you can refresh your browser to ensure you got the updated client files. If you only change server files, you shouldn't need to refresh.