react 在webpack中的使用

webpack的安装与上篇vue脚手架搭建中webpack的安装一样，只是babel安装中需要加上 @babel/preset-react并在.babelrc中配置

安装babel

npm install --save-dev babel-loader @babel/core

npm install @babel/preset-env --save-dev

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

{
   "presets": ["@babel/preset-env","@babel/preset-react"]
}

安装react react-dom

npm install --save-dev react react-dom

之前我按照npm install babel-core babel-loader babel-preset-react babel-preset-env这种方式安装，会在运行的过程中因为版本或兼容性问题报错，这是我安装官网上的安装方式进行安装的，可以正常运行，所以安装的时候要注意版本问题