02 react 安装

1.运行 cnpm i react react-dom -S 安装包
react : 专门英语创建组件和虚拟DOM 的 ，同时组件的生命周期都在这个包中
react-dom 专门进行DOM 操作，最主要的应用场景就是ReactDOM.render()渲染
2 安装 babel 插件

运行cnpm i babel-core babel-loader babel-plugin-transform-runtime -D
运行cnpm i babel-preset-env babel-preset-stage-0 -D
安装能够识别转换jsx语法的包 babel-preset-react

运行cnpm i babel-preset-react -D
添加 .babelrc 配置文件

{
"presets": ["env", "stage-0", "react"],
"plugins": ["transform-runtime"]
}

添加babel-loader配置项：

module: { //要打包的第三方模块
    rules: [
      { test: /\.js|jsx$/, use: 'babel-loader', exclude: /node_modules/ }
    ]
}

直接安装Babel 会报错 安装babel-loader 8.x版本的会报错。回到 7.1.5 就不会报错

"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",