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这种方式安装，会在运行的过程当中由于版本或兼容性问题报错，这是我安装官网上的安装方式进行安装的，能够正常运行，因此安装的时候要注意版本问题