React如何配置less和less的全局变量(less,react,开发技术)

时间:2024-05-02 10:44:16 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    React%E5%A6%82%E4%BD%95%E9%85%8D%E7%BD%AEless%E5%92%8Cless%E7%9A%84%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8F

一、配置Less

1.在项目中下载安装插件less,代码如下:

2.暴露配置文件

我们使用这串代码 yarn eject

3.配置webpack.config.js文件.

我们在项目中找到匹配loade的正则表达式,按照css的样子添加less,代码如下:

4.配置less

我们在我们已知的项目中,找到之前设置好的sass没然后我们通过配置less找到sass所在位置,在其下方将less配置React如何配置less和less的全局变量

通过添加代码我们就可以完成配置了,重启之后就生效了。

二、less全局变量

1.安装插件

我们在项目中安装style-resource插件,代码如下:

完成之后我们在我们在第一步中的配置less中进行配置

而且在这里我们要注意,ues在这里设置全局变量之后就我们的“{}”会变成[],还有我们在设置中的patterns的路径一定要设置对,我们来看下下面这个代码吧!,大家可以作为参考!

本文:React如何配置less和less的全局变量的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Redis中怎么安装一个六节点集群下一篇:

15 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18