Webpack 配置react代码的打包

课程目标 1. 2. 3.

步骤流程

1. 安装下载react的框架 npm install react react-dom --save
2. 在src目录下的index.js中import "@babel/polyfill"； 引入 react的框架：import React ，{Component} from "react" ; 引入 react-dom :import ReactDom from "react-dom"
3. 写入代码 class App extends Component { render(){ return
   Hello World
   } } ReactDom.render(,docuemnt.getElementBy('root'))
4. 下载 npm install --save-dev @babel/preset-react
5. 配置：(babelrc)的文件中 { presets:[ ['@babel/preset-env',{ targets：{ chrome:"67", }, useBuiltIns:"usage" } ], '@babel/preset-react' ] } 执行顺序：从下往上，从右到左