React如何配置less和less的全局变量
导读:本文共1320.5字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 一、配置Less1.在项目中下载安装插件less,代码如下:npminstall--savelessless-loader或yarnadd--savelessless-loader2.暴露配置文件我们使用这串代码 yarn eject。3.配置webpack.config.js文件.我们在项目中找到匹配loade的正则表达式,按照css的样子添加less,代... ...
目录
(为您整理了一些要点),点击可以直达。一、配置Less
1.在项目中下载安装插件less,代码如下:
2.暴露配置文件
我们使用这串代码 yarn eject
。
3.配置webpack.config.js
文件.
我们在项目中找到匹配loade的正则表达式,按照css的样子添加less,代码如下:
4.配置less
我们在我们已知的项目中,找到之前设置好的sass没然后我们通过配置less找到sass所在位置,在其下方将less配置
通过添加代码我们就可以完成配置了,重启之后就生效了。
二、less全局变量
1.安装插件
我们在项目中安装style-resource插件,代码如下:
完成之后我们在我们在第一步中的配置less中进行配置
而且在这里我们要注意,ues在这里设置全局变量之后就我们的“{}”会变成[],还有我们在设置中的patterns的路径一定要设置对,我们来看下下面这个代码吧!,大家可以作为参考!
React如何配置less和less的全局变量的详细内容,希望对您有所帮助,信息来源于网络。