A very simple starter project for using React,TypeScript and Webpack.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
Note: Webpack is installed locally as recommended by the official Webpack documentation. It makes it easy to upgrade projects individually when breaking changes are introduced.
Once you have forked and cloned off the project. Install the project dependencies by running:
npm install
We will utilise webpack-dev-server
to run a dev server. It serves webpack projects and updates the browser automatically with any changes we make in our code.
You can run webpack-dev-server --mode development
Alternatively utilising our npm scripts inside our package.json
npm run dev
You can run webpack --mode production
or the below using our npm scripts.
npm run build
- React - JavaScript library for building user interfaces.
- TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript.
- Webpack - App bundler for JavaScript.
- Awesome Typescript Loader - Helps Webpack compile our TypeScript code using
tsconfig.json
- HTML Webpack Plugin - Simplifies creation of HTML files to serve our webpack bundles.
This project is licensed under the MIT License - see the LICENSE.md file for details
- Saurabh Pati - for his detailed tutorial on setting up React & TypeScript with Webpack