小白開始學習react，對於低於個react項目的相關配置（含webpack.config.js、less-loader支持、端口號以及關閉啓動自動打開瀏覽器等配置）

react基礎教程看了第N遍，始終還是應該上手練練。這不，剛開始第一個項目就倒騰了半天！寫篇博客記錄一下。
首先，創建一個react項目：create-react-app project-name

項目創建好了之後會自動安裝依賴，完成直接npm start就可以運行了。但是在做練習的時候，由於我想把寫css變成寫less，所以開始了網上搜索之路（我的一貫作風——囉嗦）。
好啦，具體需要分幾步配置：

	1. 配置webpack.config.js文件

網上都說配置webpack.config.js文件，然後我去找，一臉懵逼地回來了，網上搜了小半天這文件去哪兒了，纔有靠譜的跟我說因爲react項目的配置，這些配置都是內置的，需要先將各種配置暴露出來（一通胡說八道，更專業的說法請去搜索大神們的說辭）。所以第一步其實是先暴露這個東西。

	重來 1. 暴露react配置
		項目目錄下執行 npm run eject

執行完了之後項目一下子就多了很多東西了，看得你眼花繚亂！先不管那些，反正我也看不懂。接下來就可以開始配置webpack.config.js了

當然項目內你要安裝"less/less-loader"

	2. 配置webpack.config.js
			a. 找到 cssModuleRegex定義，新增變量:
				const lessRegex = /\.less$/;
				lessModuleRegex = /\.module\.less$/;
			b. 請你善用 Ctrl+F 搜索一下之前的cssModuleRegex，定位過去，再另起一行按照上面的格式寫就可以啦（我是因爲項目創建的時候默認sass，我直接搜索的sass的配置差不多複製粘貼一下就完事兒）！
			配置如下：
				{
	                test: lessRegex,
	                exclude: lessModuleRegex,
	                use: getStyleLoaders({
	                        importLoaders: 2,
	                        sourceMap: isEnvProduction && shouldUseSourceMap,
	                    },
	                    'less-loader',
	                ),
	                sideEffects: true,
	            },
	            {
	                test: lessModuleRegex,
	                use: getStyleLoaders({
	                        importLoaders: 2,
	                        sourceMap: isEnvProduction && shouldUseSourceMap,
	                        modules: {
	                            getLocalIdent: getCSSModuleLocalIdent,
	                        },
	                    },
	                    'less-loader',
	                )
	            },

猶記得好像注意事項是less的配置必須要在sass前？我是這樣配置的。