https://github.com/navono/webpack5-react-ts
https://github.com/navono/webpack5-react-ts
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/navono/webpack5-react-ts
- Owner: navono
- License: mit
- Created: 2021-09-08T00:45:43.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-09-28T03:34:31.000Z (over 4 years ago)
- Last Synced: 2025-12-26T01:57:03.742Z (6 months ago)
- Language: JavaScript
- Size: 33.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Webpack 5 boilerplate
[Webpack 5](https://webpack.js.org/) boilerplate with support of most common loaders and modules:
- [babel](https://babeljs.io/)
- typescript (using [ForkTsCheckerWebpack](https://www.npmjs.com/package/fork-ts-checker-webpack-plugin) )
- sass, less, [css modules](https://github.com/css-modules/css-modules) with automatic typescript declaration
- with react support (also with [react-refresh](https://www.npmjs.com/package/@pmmmwh/react-refresh-webpack-plugin))
- [esLint](https://www.npmjs.com/package/eslint)
- [prettier](https://www.npmjs.com/package/prettier) (with import sorting using [prettier-plugin-import-sort](https://www.npmjs.com/package/prettier-plugin-import-sort), [import-sort-style-module-and-prefix](https://www.npmjs.com/package/import-sort-style-module-and-prefix))
- [webpack dev server](https://webpack.js.org/configuration/dev-server/) ([proxy](https://webpack.js.org/configuration/dev-server/#devserverproxy) support is also available)
- importing svg as react components using [@svgr/webpack](https://www.npmjs.com/package/@svgr/webpack)
- postcss loader (with [autoprefixer](https://www.npmjs.com/package/autoprefixer) and [cssnano](https://www.npmjs.com/package/cssnano))
- [husky](https://www.npmjs.com/package/husky) prehooks and [lint-staged](https://www.npmjs.com/package/lint-staged)
## Quick start
To run this locally:
1. run `git clone https://github.com/navono/webpack5-react-ts 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](http://localhost:8080)