首页 > 其他分享 >React支持less操作

React支持less操作

时间:2022-11-11 00:11:13浏览次数:48  
标签:Git less loader React 操作 config css

React支持less操作

1、执行暴漏命令

 npm run eject

2、输入" Y " 确认

  • 这时候发现config文件夹没暴漏出来,是因为git没有暂存,得执行如下命令:
Git add .

3、接着执行下面的命令:

Git commit -m '暂存,这里随便写点啥都行'

3、打开config文件夹,找到webpack.config.js打开它。

在module.rules节点中找到 css 文件的加载规则:

把如下

test: /\.css$/

修改为

test: /\.(css|less)$/;

img《图示》

4、在use数组最后新增一个对象元素{loader: require.resolve('less-loader')}。

{loader: require.resolve('less-loader')}

img

5、注册 less 修改如下:

const cssRegex = /\.css$/;

修改成为

const cssRegex = /\.(css|less)$/;

img

标签:Git,less,loader,React,操作,config,css
From: https://www.cnblogs.com/melongs/p/16879299.html

相关文章

  • 【操作系统】03-处理机调度与死锁
    计算机操作系统——调度与死锁目录计算机操作系统——调度与死锁第三章处理机调度与死锁3.1处理机调度的层次和调度算法的目标3.1.1处理机调度层次3.1.2处理机调度算......
  • 每日一学 之 一起来复习 Git 的那些操作(一)
    LZ-Says:突然间闯进来,感觉,她,变成了整个世界。前言曾经,Svn俗称小王八,伴随着走过了一年又一年。某年Git的横空出世,以迅雷不及掩耳之势强势登顶。也使用了Git将近快一年......
  • DC-2靶场渗透操作
    DC-2靶场实操一、环境配置攻击机(kali):192.168.111.128目的机(DC-2):IP未知,但在同一局域网内(得开启NAT模式)二、实验步骤1.信息收集1.1确定IP地址//通过netdiscover来确定......
  • golang操作文件或者目录
    使用golang操作文件和目录Go&Rust......
  • Python操作MongoDB
    一安装pymongopipinstallpymongo==3.4导入MongoClientfrompymongoimportMongoClient 二连接MongoDB数据库MongoDB端口号:27017连接MongoDB我们需要使用P......
  • 神操作 之 远程调试 WebView 定位加载缓慢的坑。。。
    甜的时候,甜到让人不敢相信。苦的时候,苦到让你日夜无眠。前言事情的缘由,因为老韩某天贱嗖嗖的说,来,你搜下那个课程,现在免费,原价好几百,请你看。ummm,原谅我的年少无知太单纯,......
  • 神操作 之 Mac OS prompt_status:5:command not found:wc
    没有彩排,一切都是Now。前言搞了个手机,想着刷成Android10嗨皮一波,验证下项目在Android10的运行情况,But,系统镜像下载完成按照Google第一步就提示出现问题,直接提示ad......
  • 变量初始化与数据批量操作
    在tensorflow中通过tf.Variable()添加变量,变量就是在tensorflow程序运行中不断改变的量,也就是“学习”的过程,通过改变变量来降低loss  所有变量在进行图操作前,一定要进......
  • 操作系统实验:Shell脚本编程与Vim编辑器
    SHANGHAIUNIVERSITY操作系统(一)实验报告组号第4组学号姓名20120889实验序号实验六日期2022年9月10日一、实验目的与要求实验目的:掌握v......
  • ffmpeg常用操作
    音频常用操作常见的ffmpeg音频参数常用参数解释: -i表示input,即输入文件 -f表示format,即输出格式 -vn表示vedionot,即输出不包含视频 -ar设定采样率 -ac......