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這種方式安裝，會在運行的過程當中由於版本或兼容性問題報錯，這是我安裝官網上的安裝方式進行安裝的，能夠正常運行，因此安裝的時候要注意版本問題