Simple Webpack React

A simple webpack configuration ready for a creation of a react app

Start development

1. yarn
2. yarn start:dev

Generate production build

1. yarn build
2. yarn start - to start production build located at /dist/

Features

• Development optimized with HMR (Hot Module Reload)
• Production build optimized
• Serving production build with express and node
• Production extracting css to a single file
• Duplicate package checker
• Bundle Analyzer
• Browser caching
• Progress bar for production build
• Generating static HTML entry file
• Loading images (PNG | JPEG | JPG)
• Babel setup and ready to go
• CSS & SASS ready to go
• Eslint && Prettier for code organising
• Pre commit hook setup