Webpack 5 ready template for React, TypeScript & ESLint.
- Using React right away
- Project linting according to the given rules
- Hot reload during development
- Strong typing
- SASS/SCSS support out of the box
- File minification
- XML CSV support
Clone this repository and run the install script.
npm i
npm start
You can find the development server at localhost:3000.
npm run dev
npm run build
npm run lint
When executing this script, ESLint checks all application files (except for exceptions) according to the rules described in .eslintrc and displays a report on non-compliance with the rules in the terminal.
If you don't need any rules - just delete them or if something is missing - add them.
=)=)
npm run lint:fix
When executing this script, ESLint checks if it can fix the found rule inconsistencies in .eslintrc and fixes them.
It does not fix everything, for example, the console.log will not be removed because ESLint does not know if you need it.
- html-webpack-plugin - Generate HTML files from template
- clean-webpack-plugin - Remove/clean build folders
- mini-css-extract-plugin - Extract CSS into separate files
- eslint-webpack-plugin - Find and fix problems in JavaScript code
- terser-webpack-plugin - Minify/minimize your JavaScript
- image-minimizer-webpack-plugin - optimize (compress) all images
Do good.
=)=)