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

react

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

以上是 react暴露其webpack配置,使less文件生效 的全部内容, 来源链接: utcz.com/z/383109.html

回到顶部