react里使用less时antd报错

想在react项目里面用less，但是create-react-app生成的项目默认不使用less，查了一下相关博客，将webpack配置文件暴露出来，改了相关配置(https://segmentfault.com/a/1190000010162614)，满心欢喜的运行项目，缺发现antd报了这样一个错误：

Media definitions require block statements after any features

，觉得很奇怪，antd是支持less，怎么会报这个错。百度了一番，无果，遂深呼吸，静坐，苦思。。。照着报错的行数，打开node_modules里antd的css目录，突然看到了antd.less文件，灵光一闪，如果用less的话，是不是也要讲antd.css文件换成antd.less文件，激动的去改掉并重新run，成功啦，撒花撒花。