advanced-react-webpack-babel-setup

Advanced React with Webpack Setup. How to set it up yourself:

• Minimal React + Webpack Setup
• Advanced Webpack Setup
• ESLint + ESLint + React + Prettier + ESLint

Features

• React 16
• Webpack 5
• Babel 7
• Hot Module Replacement
• Dev + Production Builds
• Dist Folder Managagement by Webpack
• Common and environment specific Webpack Configuration
• Composition of Webpack Configuration
• Source Maps
• Environment Variables
• Webpack Add-Ons
• ESLint + Prettier

DIY Add-Ons

• SVG Icons
• CSS Modules
• Fonts Support
• Images Support
• Docker

Alternatives

• Minimal React Webpack Babel Setup

Installation

• git clone git@github.com:rwieruch/advanced-react-webpack-babel-setup.git
• cd advanced-react-webpack-babel-setup
• npm install
• npm start
• visit http://localhost:8080/