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......

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值