新建react如何支持less文件

1、首先我们需要一个react的项目；

npx create-react-app my-app
cd my-app

2、安装我们需要的less和less-roader

npm install less less-roader

3、暴露出我们的webpack配置文件；

npm run eject

4、找到webpack的配置文件 config/webpack.config.js；(红框为新增))

image.png

image.png

找到上边这段代码 复制一份，将里面的css改成less; 将importLoaders: 1, 改成3；

5、记得重启项目哦！

npm start

完美！快去试试吧！