├── .babelrc ├── .github └── FUNDING.yml ├── .gitignore ├── .prettierrc ├── .travis.yml ├── README.md ├── dist └── index.html ├── package-lock.json ├── package.json ├── sandbox.config.json ├── src ├── App.js └── index.js └── webpack.config.js /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "@babel/preset-env", 4 | "@babel/preset-react" 5 | ] 6 | } -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: rwieruch 4 | patreon: # rwieruch 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: # Replace with a single Ko-fi username 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | custom: # Replace with a single custom sponsorship URL 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | 2 | { 3 | "singleQuote": true, 4 | "printWidth": 70 5 | } -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | 3 | node_js: 4 | - stable 5 | 6 | install: 7 | - npm install 8 | 9 | script: 10 | - npm test -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # minimal-react-webpack-babel-setup 2 | 3 | [](https://travis-ci.org/rwieruch/minimal-react-webpack-babel-setup) [](https://greenkeeper.io/) 4 | 5 | Read how to set it up yourself: [React with Webpack Tutorial](https://www.robinwieruch.de/minimal-react-webpack-babel-setup/). 6 | 7 | [](https://codesandbox.io/s/github/rwieruch/minimal-react-webpack-babel-setup/tree/master/?fontsize=14) 8 | 9 | ## Features 10 | 11 | - React 16 12 | - Webpack 5 13 | - Babel 7 14 | - Hot Module Replacement 15 | 16 | ## DIY Add-Ons 17 | 18 | - [ESLint](https://www.robinwieruch.de/react-eslint-webpack-babel/) 19 | - [CSS Modules](https://www.robinwieruch.de/react-css-modules/) 20 | - [SVG Icons](https://www.robinwieruch.de/react-svg-icon-components/) 21 | - [Fonts Support](https://www.robinwieruch.de/webpack-font/) 22 | - [Images Support](https://www.robinwieruch.de/webpack-images/) 23 | - [Docker](https://www.robinwieruch.de/docker-react-development) 24 | 25 | ## Alternatives 26 | 27 | - [Advanced React Webpack Babel Setup](https://github.com/rwieruch/advanced-react-webpack-babel-setup) via this [Tutorial](https://www.robinwieruch.de/webpack-advanced-setup-tutorial) 28 | 29 | ## Installation 30 | 31 | - `git clone git@github.com:rwieruch/minimal-react-webpack-babel-setup.git` 32 | - cd minimal-react-webpack-babel-setup 33 | - npm install 34 | - npm start 35 | - visit `http://localhost:8080/` 36 | -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 |