react中webpack.config.js配置lessless-loader less

這是我第一次配置這些，沒有學過webpack,出過很錯，還好後來都一一改正。我以爲我遇到的大部分問題就是版本更新了，和老師教的時候用的有一些不同，可是我想盡可能不要去直接將那些包的版本下降，最好仍是使用高版本的包。

1.安裝less-loader和less，語句：yarn add less-loader less 或者 npm install less-loader less

2.在項目終端使用：yarn run eject

暴露webpack （若是問是否要暴露，輸入y就好了）

3.在編譯器的項目文件夾中會多出來config文件，文件目錄下會有webpack.config.js文件（版本低的會出現webpack.config.dev.js和webpack.config.prod.js，這種的配置方法百度上挺多的，我這裏就只記錄一下webpack.config.js）

4.點開webpack.config.js文件（我也不知道里面寫的是什麼）如今要修改裏面的內容了

1）https://ant.design/docs/react/customize-theme-cn是antD的主題定製頁面，我以爲裏面的方法應該算是最新的

2）點開連接能夠找到這樣的一段代碼，將大的綠框出來的代碼粘貼複製出來，在webpack.config.js找到和這段被複制的代碼格式差很少的地方，粘貼這段代碼（注意這段代碼要用{}包起來），紅框的地方是用來作定製主題的，因此裏面代碼看項目需不須要了

保存後再重啓，less就配置好了，就能夠在項目中使用.less文件了。