WebPack第五讲------React环境构建

上一篇:WebPack第四讲------Loaders (ES6转ES5)

https://blog.csdn.net/oracle8090/article/details/106393558

1.安装：

 npm install --save-dev @babel/preset-react
 npm install --save react react-dom

2.修改.babelrc配置文件

3.修改配置文件webpack.config.js

   React的后缀名可以是js也可以是jsx

    {
                test:/\.(js|jsx)$/,//匹配所有的.js文件
                //忽略node_modules的文件，不进行转码
                exclude:/node_modules/,
                //转码规则
                loader:"babel-loader"
            }

4.编写React代码了

如果要修改后缀名，记得修改：entry:"./src/app.jsx"

编写app.jsx文件 

修改index.html

启动