Minimal boilerplate for writing Web Applications using React, Webpack & TypeScript. This project makes use of latest packages like react
, typescript
& webpack
to serve the best environment for development.
- โ๏ธ React
- ๐ TypeScript
- ๐ถ LESS Loader
- ๐จ CSS Loader
- ๐ธ Image Loader
- ๐ Font Loader
- ๐งน ESLint
- ๐ฑ Webpack & Configuration
- ๐งฉ Aliases for project paths
- ๐ฅ Hot Module Replacement (Live Reload)
Clone the repository on your hard drive :
git clone https://github.com/codesbiome/react-webpack-typescript-2021
cd react-webpack-typescript-2021
Install dependencies using Yarn or NPM :
yarn install
To develop and run your web application, you need to run following command :
yarn start
To lint application source code using ESLint via this command :
yarn lint
Distribution files output will be generated in dist/
directory by default.
To build the production ready files for distribution, use the following command :
yarn build
To make it easier for managing environment based webpack configurations, we using separated development
and production
configuration files, they are available in :
tools/webpack/webpack.config.dev.js
tools/webpack/webpack.config.prod.js
For further information, you can visit Webpack Configuration