How to build a base React H5 project.

1. Initialization & Install Dependencies

Initial the project

> npm init

Install base dependencies

> npm i webpack webpack-cli webpack-dev-server html-webpack-plugin mini-css-extract-plugin css-loader style-loader

Install React

> npm i react react-dom babel-loader @babel/core @babel/preset-env @babel/preset-react

Install Common Modules

> npm i axios good-storage less less-loader postcss postcss-loader postcss-pxtorem styled-components valtio

Preview Base Folder

You can going to this link below here to check details of every file.
↓↓↓↓↓↓↓↓↓↓

Click Here- > 《React_Base_Template》

↑↑↑↑↑↑↑↑↑↑↑

React_Base_Template/
|-- build/
|   |-- webpack.dev.config.js
|   `-- webpack.prod.config.js
|-- public/
|   `-- index.html
|-- src/
|   |-- api/
|   |   |-- index.js
|   |   `-- request.js
|   |-- assets/
|   |   |-- default_avatar.png
|   |   `-- empty_bg.png
|   |-- components/
|   |   `-- Dialog/
|   |       `-- index.jsx
|   |-- router/
|   |   `-- index.jsx
|   |-- store/
|   |   |-- index.js
|   |   `-- user.js
|   |-- utils/
|   |   |-- formater.js
|   |   |-- index.js
|   |   `-- styled-px2rem.js
|   |-- views/
|   |   |-- Home/
|   |   |   `-- index.jsx
|   |   `-- Test/
|   |       `-- index.jsx
|   |-- cssreset.css
|   `-- main.jsx
|-- jsconfig.json
|-- package.json
|-- package-lock.json
|-- postcss.config.js
`-- README.md