react暴露其webpack配置，使less文件生效

在react使用中，纯原生状态下要去使用less文件比较麻烦，一般只支持.css文件；

ps:  注意在修改前， 要先安装好less-loader，不然会报错的

（1）、使用 yarn eject  可以暴露其webpack的配置，让.less文件生效修改样式；

使用yarn eject后，可能会报这个错误：

那是因为没有初始化本地项目，git init   git add .  git commit -m “”   提交git的初始化等相关信息；

解决完错误后， 在config目录下边

在webpack.config.js文件中添加less相关的代码，使.less文件可以直接生效；

（2）、添加变量

（3）、引用该变量

（4）、添加less-loader

（5）、改完，重新启动，会报找不到 less 的错误， yarn add  less  就可以解决，再重启，修改样式测试；

最后测试.less文件修改的样式，就可以了233……

本文来源 爱码网，其版权均为 原网址 所有 与本站无关，文章内容系作者个人观点，不代表 本站 对观点赞同或支持。如需转载，请注明文章来源。