react引入less webpack.config.js的配置

今天偶然想起用react脚手架创建一个项目然后引入less，遇到了各种各样的问题报错也是千奇百怪。

实际很简单就是在创建完项目之后 运行 npm run eject。

sudo npm i less less-loader --save 
在 webpack.config.js 中找到 rules 在其中配置如下

标题

 

 好了 这样就可以了 ，如果less中又其他需求的话 可以查看文档https://www.npmjs.com/package/less-loader ，进行再次配置