从零开始用webpack4.x建立一个react(三)

webpack都已经配置好了,我们现在要来将react引入

因为react用到的是jsx语法,所以我们要用到babel

运行 `npm i babel-core babel-loader@7.1.5 babel-plugin-transform-runtime -D` 

运行 `npm i babel-preset-env babel-preset-stage-0 -D`

运行 `npm i babel-preset-react -D`

在根目录下面创建一个`.babelrc`

在.babelrc里面做配置
{
    "presets":["env","stage-0","react"],
    "plugins":["transform-runtime"]
}

在webpack.config.js里面做配置

 

 

之后我们就可以用jsx了.

去index.js测试一下

 

这就是全部内容了,欢迎大家一起讨论