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