下文是記錄一次十分坑爹的less配置
框架選擇
react框架很多，antd是目前生態(tài)比較好 加上 圣誕事件 一下火大了。。。
言歸正傳
眾所周知 antd基于less寫的樣式，create-react-app默認(rèn)不支持less,所以需要手動(dòng)配置，網(wǎng)上也有很多配置，但是新版的webpack 4 .x.x 變了，它變了。。。。
1.首先 腳手架弄好后默認(rèn)是收起配置的 你看不到熟悉的config了，這個(gè)時(shí)候你需要運(yùn)行下 yarn eject(也可以用n pm run,取決于你使用的安裝工具)
2.這個(gè)時(shí)候你會(huì)發(fā)現(xiàn)多出了 config和scripts 文件夾
image.png
3.配置less我們需要修改webpack.config.js文件，以前版本應(yīng)該會(huì)有個(gè)pro和dev環(huán)境的 ，現(xiàn)在二合一了方便了很多
4.這一版本對(duì)立面的配置內(nèi)容進(jìn)行了 公共提取做了環(huán)境判斷，所以會(huì)有一些改變例如里面的sass配置
image.png
image.png
是這樣的
我很高興的使用了相同的方法，同時(shí)也參考了網(wǎng)上相同問題的大神解答
將代碼復(fù)制改成了less以為好了
but
but
but
一堆錯(cuò)誤或者根本無法運(yùn)行
也用到了老的方式去寫
image.png
也沒用
瘋狂搜索谷歌百度中。。。。。（webpack配置還是不熟悉啊。。。。）
好了廢話不說了，直接上解決方案
第一步：
修改原有的cssReagex和cssModuleRegex
image.png
第二步：
在原有的配置上加上如下箭頭指示的部分
image.png
然后重新運(yùn)行 start即可
添加antd主題修改
紅框中注釋掉的是默認(rèn)配置
image.png
