https://github.com/ttys3/webpack-react-tutorial

code for 《Tutorial: How to set up React, webpack, and Babel 7 from scratch》 https://www.valentinog.com/blog/react-webpack-babel/
https://github.com/ttys3/webpack-react-tutorial

Last synced: 5 days ago
JSON representation

code for 《Tutorial: How to set up React, webpack, and Babel 7 from scratch》 https://www.valentinog.com/blog/react-webpack-babel/

• Host: GitHub
• URL: https://github.com/ttys3/webpack-react-tutorial
• Owner: ttys3
• Created: 2019-02-17T10:19:03.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-10-27T02:43:00.000Z (over 2 years ago)
• Last Synced: 2025-10-25T18:35:19.265Z (8 months ago)
• Language: JavaScript
• Size: 379 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

```bash

mkdir webpack-react-tutorial && cd $_

mkdir -p src

yarn init .

#change yarn source

yarn config get registry

yarn config set registry 'https://registry.npm.taobao.org'

#add webpack support

yarn add webpack --dev

yarn add webpack-cli --dev

#add babel support

yarn add @babel/core babel-loader @babel/preset-env @babel/preset-react --dev

yarn add react react-dom

mkdir -p src/js/components/{container,presentational}

yarn add prop-types

touch  ./src/index.js

yarn build

yarn add html-webpack-plugin html-loader --dev

touch ./src/index.html

yarn build   hgnn

```