glook / webpack-typescript-react

Webpack 5 boilerplate with support of most common loaders and modules (see tags and description)

MIT License

217 stars 54 forks source link

babel boilerplate boilerplate-template css-modules eslint less postcss prettier prettier-import-sort react sass svgr typescript webpack webpack-boilerplate webpack-configuration webpack-dev-server webpack-starter webpack5

readme

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:

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