1.創(chuàng)建工作文件夾并cd到當(dāng)前目錄
2.輸入命令npm init咕村，會(huì)創(chuàng)建一個(gè)package.json
3.創(chuàng)建一些目錄速那，后面會(huì)使用到
4.安裝webpack
webpack現(xiàn)在最新是8的版本：npm install webpack --save -g
這個(gè)是安裝的全局的，但在我mac上安裝完后仍使用不了webpack命令岔绸，我們需要去改變電腦的環(huán)境變量理逊。
5.安裝loader
我是這么理解的：loader就是譯壓縮成js代碼
npm install babel-loader css-loader style-loader jsx-loader --save
其中這個(gè)babel-loader就是把react代碼轉(zhuǎn)譯成js代碼，但其中有版本的坑
最后解決是用npm install -d babel-loader @babel/preset-react @babel/preset-env webpack;
6.創(chuàng)建webpack.config.js
這個(gè)文件是個(gè)配置文件盒揉，就是告訴webpack應(yīng)該干什么的晋被。因?yàn)榘姹締?wèn)題，也有坑预烙，已解決墨微。
7.使用webpack打包
我們使用webpack命令可以打包，把我們項(xiàng)目里的其他文件打包壓縮成一個(gè)很小的新的js扁掸，命令是：webpack。在我們開發(fā)中最域，如果改動(dòng)了js文件谴分，每次都重新自己運(yùn)行webpack命令打包是很麻煩的，所以我們可以用webpack --watch命令镀脂，他會(huì)自動(dòng)監(jiān)測(cè)如有改動(dòng)自行重新打包牺蹄。
8.安裝react（略）
9.安裝Express
npm install express --save -g
10.安裝ejs
EJS是nodejs的模版引擎
npm install ejs --save -g
11.開始編寫index.html
這個(gè)頁(yè)面就是我們前端的主頁(yè)面，其中最主要的是它引用了webpack打包過(guò)后的js薄翅，這個(gè)js就是react組件沙兰。
