https://github.com/paradocx96/webpack-react
Sample project for Webpack bundle process with ReactJs
https://github.com/paradocx96/webpack-react
Last synced: 12 months ago
JSON representation
Sample project for Webpack bundle process with ReactJs
- Host: GitHub
- URL: https://github.com/paradocx96/webpack-react
- Owner: paradocx96
- Created: 2023-06-12T18:09:12.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-12T18:40:29.000Z (over 2 years ago)
- Last Synced: 2025-01-24T17:47:05.863Z (about 1 year ago)
- Language: JavaScript
- Size: 67.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: ReadMe.md
Awesome Lists containing this project
README
# Webpack + React + Babel
## 1. Project setup and make project structure
```bash
npm init -y
```
```
├── public
│ └── index.html
├── src
│ └── index.js
├── .babelrc
├── package.json
└── webpack.config.js
```
## 2. Install webpack dependencies
```bash
npm install webpack webpack-cli --save-dev
```
```bash
npm install html-webpack-plugin --save-dev
```
```bash
npm install webpack-dev-server --save-dev
```
## 3. Install babel dependencies
```bash
npm install @babel/core @babel/preset-env babel-loader --save-dev
```
## 4. Install react dependencies
```bash
npm install react react-dom --save-dev
```
```bash
npm install @babel/preset-react --save-dev
```