webpack-typescript-react

Webpack 5 boilerplate

Webpack 5 boilerplate with support of most common loaders and modules:

• babel
• typescript (using ForkTsCheckerWebpack )
• sass, less, css modules with automatic typescript declaration
• with react support (also with react-refresh)
• esLint
• prettier (with import sorting using prettier-plugin-import-sort, import-sort-style-module-and-prefix)
• webpack dev server (proxy support is also available)
• importing svg as react components using @svgr/webpack
• postcss loader (with autoprefixer and cssnano)
• husky prehooks and lint-staged

Quick start

To run this locally:

1. run git clone https://github.com/glook/webpack-typescript-react.git sample-project
2. Install all dependencies using yarn or npm install
3. Start the development server using yarn start or npm run start
4. Open up http://localhost:8080