当前位置：首页 > news >正文

【React】Craco 简介

news 来源：原创 2025/7/23 1:39:19

Craco 简介

Craco (Create React App Configuration Override) 是一个用于自定义 Create React App (CRA) 配置的工具，无需 eject（弹出）项目。

为什么需要 Craco

Create React App 虽然提供了零配置的 React 开发体验，但其配置是封装好的，要自定义配置通常需要：

运行 npm run eject 暴露所有配置（不可逆）
或者 fork react-scripts

Craco 提供了第三种选择 - 在不 eject 的情况下覆盖 CRA 的默认配置。

主要功能

覆盖 webpack 配置：修改 loader、plugin 等
覆盖 Babel 配置：添加自定义 presets/plugins
覆盖 PostCSS 配置
覆盖 Jest 配置
覆盖 DevServer 配置

安装使用

安装：

npm install @craco/craco
# 或
yarn add @craco/craco

在项目根目录创建 craco.config.js 文件
修改 package.json 中的 scripts：

{"scripts": {"start": "craco start","build": "craco build","test": "craco test"}
}

配置示例

// craco.config.js
module.exports = {webpack: {alias: {"@": path.resolve(__dirname, "src/")},plugins: [new MyWebpackPlugin()]},babel: {plugins: ["babel-plugin-styled-components"]},jest: {configure: {moduleNameMapper: {"^@/(.*)$": "<rootDir>/src/$1"}}}
};

优势

无侵入性：不需要 eject，保留 CRA 的所有优点
灵活性：可以按需覆盖特定配置
社区支持：丰富的插件生态系统（如 craco-antd、craco-less 等）

常见使用场景

添加路径别名
添加自定义 webpack loader/plugin
集成 CSS 预处理器（Less/Sass/Stylus）
自定义 Ant Design 主题
修改构建输出结构

Craco 是 CRA 项目需要自定义配置时的理想选择，平衡了便利性和灵活性。

【React】Craco 简介

Craco 简介 Craco (Create React App Configuration Override) 是一个用于自定义 Create React App (CRA) 配置的工具，无需 eject（弹出）项目。为什么需要 Craco Create React App 虽然提供了零配置的 React 开发体验，但其配置…...

编程日记 2025/7/23 1:39:19

HTML5中的Microdata与历史记录管理详解

Microdata 简介 Microdata 是 HTML5 引入的一种标记方式，用于在网页中嵌入机器可读的语义信息。通过使用 Microdata，开发者可以在 HTML 元素中添加特定的属性，以便搜索引擎和其他工具更好地理解网页内容。 Microdata 的核心属性包括 itemsc…...

编程日记 2025/7/22 19:35:24

UNet网络图像分割模型学习

UNet 由Ronneberger等人于2015年提出，专门针对医学图像分割任务，解决了早期卷积网络在小样本数据下的效率问题和细节丢失难题。一核心创新 1.1对称编码器-解码器结构实现上下文信息与高分辨率细节的双向融合如图所示：编码器进行了4步&…...

编程日记 2025/7/20 21:19:51

Babel 深度解析：现代 JavaScript 开发的桥梁

1. 什么是 Babel？ Babel 是一个 JavaScript 编译器（又称转译器），核心使命是解决 JavaScript 的环境兼容性问题。它允许开发者使用最新的语言特性（如 ES6、JSX、TypeScript），同时将代码转换为旧…...

编程日记 2025/7/19 22:29:20

MyBatis源码解读2（2.1、核心对象）

二、MyBatis的核心对象 2.1、核心对象 2.1、MappedStatement MyBatis其实是对JDBC的进一步封装，我们都知道JDBC有几个重要的对象： StatementPrepared StatementCallable StatementResultSet Statement、Prepared Statement、Callable Statement分别…...

编程日记 2025/7/22 2:27:32

03.three官方示例+编辑器+AI快速学习webgl_animation_multiple

本实例主要讲解内容这个示例展示了Three.js中骨骼动画的高级应用技巧，重点演示了如何使用SkeletonUtils.clone()方法复制模型，并展示了两种不同的骨骼动画管理方式： 独立骨骼模式：每个模型拥有独立的骨骼结构，可播放…...

编程日记 2025/7/21 10:24:15

无锁秒杀系统设计：基于Java的高效实现

引言在电商促销活动中，秒杀场景是非常常见的。为了确保高并发下的数据一致性、性能以及用户体验，本文将介绍几种不依赖 Redis 实现的无锁秒杀方案，并提供简化后的 Java 代码示例和架构图。一、基于数据库乐观锁机制 ✅ 实现思路&#xf…...

编程日记 2025/7/22 2:28:03

MyBatis快速入门——实操

默认：电脑搭建好了Maven环境本次入门实验使用的idea版本：ideaU2022.1 目录一：前期准备工作 1. 创建一个springboot工程 2. Maven环境配置 3. 在mysql数据库中创建一个user表 4. 编写实体类User 二： 引入MyBatis的相关依赖…...

编程日记 2025/7/20 22:46:56

假如你的项目是springboot+vue怎么解决跨域问题

1. 前端代理（开发环境推荐） 适用场景：Vue 开发环境调试时，避免直接请求后端接口的跨域问题。实现步骤： 在 Vue 项目的 vue.config.js 中配置代理： module.exports {devServer: {proxy: {/api: { // 代理…...

编程日记 2025/7/19 1:28:06

OpenResty反向代理

通过在 OpenResty 的配置文件中定义不同的 location 块，将匹配特定 URL 路径的请求转发到不同的后端 FastAPI 应用（即使它们运行在不同的端口或甚至是不同的服务器/容器上）。核心思路： 多个 FastAPI 应用实例： 你的每…...

编程日记 2025/7/21 10:27:00

《Effective Python》第1章 Pythonic 思维详解——深入理解 Python 条件表达式（Conditional Expressions）

《Effective Python》第1章 Pythonic 思维详解——深入理解 Python 条件表达式（Conditional Expressions） 在 Python 中，条件表达式（conditional expressions）提供了一种简洁的方式来在一行中实现 if/else 的逻辑。它…...

编程日记 2025/7/20 17:22:50

【Typenum】 3 类型位运算（bit.rs）

一、源码代码定义了一个类型级别的位（bit）系统，主要用于编译时的类型运算。 //! 类型级比特位实现 //! //! 这些是基础的比特位类型，作为本库中其他数值类型的构建基础 //! //! 已实现的**类型运算符**： //! //! - …...

编程日记 2025/7/23 17:46:54

python：trimesh 用于 STL 文件解析和 3D 操作

python：trimesh 是一个用于处理三维模型的库，支持多种格式的导入导出，比如STL、OBJ等，还包含网格操作、几何计算等功能。 Python Trimesh 库使用指南安装依赖库 pip install trimesh Downloading trimesh-4.6.8-py3-none-any.w…...

编程日记 2025/7/21 2:23:13

stm32week15

stm32学习十一.中断 2.NVIC Nested vectored interrupt controller，嵌套向量中断控制器，属于内核(M3/4/7) 中断向量表：定义一块固定的内存，以4字节对齐，存放各个中断服务函数程序的首地址，中断向量表定…...

编程日记 2025/7/15 18:08:15

数据库分库分表实战指南：从原理到落地

1. 为什么要分库分表？ 1.1 单库瓶颈表现存储瓶颈：单表数据超过5000万行，查询性能急剧下降性能瓶颈：单库QPS超过5000后响应延迟显著增加可用性风险：单点故障导致全系统不可用 1.2 突破性优势 --------------------…...

编程日记 2025/7/19 12:00:48

雷达工程师面试题目

雷达工程师面试题目一、基础知识类简述雷达的工作原理请从电磁波的发射、传播、反射以及回波接收处理等环节，详细阐述雷达如何实现对目标的探测、定位与跟踪。常见雷达体制及其特点列举至少三种常见的雷达体制（如脉冲雷达、连续波雷达、相控阵雷达等），并分别说明…...

编程日记 2025/7/21 19:51:37

JVM-类加载子系统

最近在学习JVM，分模块整理一下JVM的笔记目录类加载子系统一、加载二、链接 1.验证 2.准备 3.解析三、初始化类加载子系统类加载子系统负责将字节码文件加载到虚拟机中，我们正常编写完一个Java类并在前端编译器编译后会生成一个对应的字节码…...

编程日记 2025/7/14 1:23:32

从0开始学习大模型--Day06--大模型的相关网络架构

云服务器在平时，我们总能听到诸如用服务器跑数据、模型，或者是搭建服务器之类的话，实际上，它相当于一台算力、内存、运行内存等各个方面都很强大的电脑，只需要我们用自己的电脑通过互联网链接他就能使用它&#xff0…...

编程日记 2025/7/22 4:36:35

控制LED灯设备

本章分别使用C库和系统调用的文件操作方式控制开发板的LED灯，展示如何在应用层通过系统提供的设备文件控制相关硬件。本章的示例代码目录为：base_code/linux_app/led/sys_class_leds。 9.1. LED子系统在Linux系统中，绝大多数硬件设备都有…...

编程日记 2025/7/23 6:03:01

Three.js + React 实战系列 - 联系方式提交表单区域 Contact 组件✨（表单绑定 + 表单验证）

对个人主页设计和实现感兴趣的朋友可以订阅我的专栏哦！！谢谢大家！！！ 在现代网页中，一个精致的 Contact 区域不仅仅是表单的堆砌，更是用户与我们建立联系的第一印象。在本节课中，我…...

编程日记 2025/7/15 16:19:38

Python-MCPAgent开发-DeepSeek版本

Python-MCPAgent开发-DeepSeek版本尝试Windows使用Python完成【McpServer】【McpAgent】开发，当前使用OpenAI-Agents框架进行开发 1-核心知识点先完成【LLM】配置再完成【McpServer】开发再完成【Agent】开发完成【LLM】【McpServer】【Agent】请求互通 2-思路整…...

编程日记 2025/7/18 20:33:27

Linux:43线程封装与互斥lesson31

mmap文件映射视屏：待看... 目录线程栈代码证明：一个线程的数据，其他线程也可以访问线程封装简单封装,2.thread Thread.hpp Main.cc Makefile 结果： 编辑问题1： 问题2： lamba表达式模版封…...

编程日记 2025/7/20 19:58:21

stm32测频率占空比最好的方案

频率检测, 方案方法很多种, 其中最快最节省资源的方法. 分享给大家. 其它的方案都试过, 问题多多. 适合单片机在工业应用中, 1MHZ以下的频率检测. 1MHZ估计也行. 但是偏差估计是变大了. 我试过很多种方案, 可以看我前面的文章. 最后发现目前这种方案最为优秀. 主要特点为不占用…...

编程日记 2025/7/20 8:37:17

Redis--常见数据类型List列表

目录一、概念二、命令 2.1 LPUSH 2.2 LPUSHX 2.3 RPUSH 2.4 RPUSHX 2.5 LRANGE 2.6 LPOP 2.7 RPOP 2.8 LINDEX 2.9 LINSERT 2.10 LLEN 2.11 阻塞版本命令三、内部编码一、概念列表类型是用来存储多个有序的字符串，列表中的每个字符串称为元素&…...

编程日记 2025/7/13 5:39:50

Linux ：多线程【线程概念】

Linux ： 多线程【线程概念】 （一）线程概念线程是什么用户层的线程linux中PID与LWP的关系 (二) 进程地址空间页表(三) 线程总结线程的优点线程的缺点线程异常线程用途 （一）线程概念线程是什么在一个程序里的一个执行…...

编程日记 2025/7/18 11:47:09

React+Springboot项目部署ESC服务器

记录一下我个人部署Linux服务器的心得环境介绍 ESC服务器创建时默认安装LNMP，即Linux，Nginx，Mysql，Php 所以这里不讲怎么安装Nignx和Mysql 笔者使用的Linux版本为22.0.4LTS版前端打包运行React打包命令进行前端项目的打包…...

编程日记 2025/7/21 7:18:07

python-Pandas库详细教程

python-Pandas库详细教程1 定义使用方法： 一、导入Pandas库代码二、DataFrame用法Pandas索引 groupby()数值计算定义 python中特定用于数据分析、处理的模板库。优点： 处理数据便捷、简单。使用方法： 处理“.csv”数据：rea…...

编程日记 2025/7/19 6:47:14

力扣刷题Day 46：搜索二维矩阵 II（240）

1.题目描述 2.思路方法1：分别找到搜索矩阵的右、下边界，然后从[0][0]位置开始遍历这部分矩阵搜索目标值。方法2：学习Krahets佬的思路，从搜索矩阵的左下角开始遍历，matrix[i][j] > target时消去第i行&#xff0c…...

编程日记 2025/7/18 20:11:55

C++：类和对象4

一，日期类实现学习建议： 对于计算机学习来说，调试十分重要，所以在日常学习中一定要加大代码练习，刷代码题和课后自己敲出课上代码例题，注意不要去对比正确代码或者网上找正确代码直接使用，一…...

编程日记 2025/7/19 16:25:08

【软件工程】基于机器学习的多缺陷定位

基于机器学习的多缺陷定位（Multi-Dault Localization, MDL）是软件工程和自动化测试领域的重要研究方向，旨在通过机器学习技术高效识别代码中多个潜在缺陷的位置。以下从方法、挑战、应用场景及未来方向展开分析： 一、核心方法监督…...

编程日记 2025/7/15 3:57:05

互联网大厂Java求职面试实战：Spring Boot到微服务的技术问答解析

💪🏻 1. Python基础专栏，基础知识一网打尽，9.9元买不了吃亏，买不了上当。 Python从入门到精通 😁 2. 毕业设计专栏，毕业季咱们不慌忙，几百款毕业设计等你选。 ❤️ 3. Python爬虫专栏…...

编程日记 2025/7/22 15:55:39

LLMs之MCP：2025年5月2日，Anthropic 宣布 Claude 重大更新：集成功能上线，研究能力大幅提升

LLMs之MCP：2025年5月2日，Anthropic 宣布 Claude 重大更新：集成功能上线，研究能力大幅提升导读：2025年5月2日，Anthropic 宣布 Claude 推出 Integrations 集成功能和增强型高级研究功能。Integrations 基于 …...

编程日记 2025/7/11 8:12:21

飞蛾扑火算法matlab实现

注意：此代码实现的是求目标函数最大值，求最小值可将适应度函数乘以-1（框架代码已实现）。注意：此代码实现的是求目标函数最大值，求最小值可将适应度函数乘以-1（框架代码已实现）。注…...

编程日记 2025/7/23 15:59:50

链接: link class Solution { public:int singleNumber(vector<int>& nums) {int ret0;for(auto a : nums){ret^a;}return ret;} };链接: link class Solution { public:vector<vector<int>> generate(int numRows) {vector<vector<int>>…...

编程日记 2025/7/22 2:11:55

多模态大语言模型arxiv论文略读（六十八）

Image-of-Thought Prompting for Visual Reasoning Refinement in Multimodal Large Language Models ➡️ 论文标题：Image-of-Thought Prompting for Visual Reasoning Refinement in Multimodal Large Language Models ➡️ 论文作者：Qiji Zhou, Ruoc…...

编程日记 2025/7/19 18:37:16

【数据库知识】Mysql进阶-高可用MHA（Master High Availability）方案

mysql高可用MHA（Master High Availability）方案集群部署模式下的高可用方案一、高可用架构原理1. 核心组件2. 故障切换流程二、详细部署步骤 (3节点集群)1. 环境准备2. 节点配置（以 node1 为例）3. 初始化集群4. 部署MySQL Route…...

编程日记 2025/7/21 14:06:42

类型别名与接口的对比与选择

在 TypeScript 中，类型系统是非常强大且灵活的。两种最常用的类型定义方式就是类型别名（type） 和接口（interface）。它们看似相似，实际上在用法和功能上有所不同。在本文中，我们将深入探讨类型…...

编程日记 2025/7/23 1:41:31

《Effective Python》第1章 Pythonic 思维详解——始终用括号包裹单元素元组

《Effective Python》第1章 Pythonic 思维详解——始终用括号包裹单元素元组在 Python 编程语言中，元组（tuple）是一种不可变的数据结构，常用于表示一组固定的值。尽管元组的语法看似简单，但其中却隐藏着一些微妙的陷…...

编程日记 2025/7/20 22:54:10

【计算机视觉】OpenCV实战项目：ETcTI_smart_parking智能停车系统深度解析

ETcTI_smart_parking智能停车系统深度解析 1. 项目概述2. 技术原理与系统架构2.1 核心算法1) 车牌识别算法2) ETC交易验证 2.2 系统架构 3. 实战部署指南3.1 环境配置3.2 硬件部署规范3.3 系统初始化 4. 常见问题与解决方案4.1 ETC交易失败4.2 车牌识别异常4.3 系统性能瓶颈 5.…...

编程日记 2025/7/16 16:34:07

LintCode第807题-回文数II

描述判断一个非负整数 n 的二进制表示是否为回文数我们保证 0 < n < 2^32 - 1 样例1 输入: n 0 输出: True 解释: 0 的二进制表示为：0。样例2 输入: n 3 输出: True 解释: 3 的二进制表示为：11。样例3 输入: n 4 输出: False 解释:…...

编程日记 2025/7/20 15:20:37

快速傅里叶变换暴力涨点！基于时频特征融合的高创新时间序列分类模型

往期精彩内容： 单步预测-风速预测模型代码全家桶-CSDN博客半天入门！锂电池剩余寿命预测（Python）-CSDN博客超强预测模型：二次分解-组合预测-CSDN博客 VMD CEEMDAN 二次分解，BiLSTM-Attention预测模型…...

编程日记 2025/7/21 12:28:30

股指期货的保证金交易和资金门槛是多少？

股指期货和股票交易最大的区别，就是它不用“全款买房”，而是“首付买房”——只需交一笔保证金就能撬动大额资金，但这也说明了门槛高、风险大。下面就来拆解，到底要准备多少钱才能“上车”。一、保证金交易：用12万撬…...

编程日记 2025/7/22 22:58:41

spark：map 和 flatMap 的区别(Scala)

场景设定假设有一个包含句子的 RDD： scala val rdd sc.parallelize(List("Hello World", "Hi Spark")) 目标是：将每个句子拆分成单词。 1. 用 map 的效果代码示例 scala val resultMap rdd.map(sentence > sentence…...

编程日记 2025/7/23 17:47:49

判断两台设备是否在同一局域网内的具体方法

以下是判断两台设备是否在同一局域网内的具体方法： 1. 检查IP地址和子网掩码操作步骤： Windows系统： 按 Win R 键，输入 cmd 并回车。输入 ipconfig，查看 IPv4 地址和子网掩码（如 192.168.1.5/255.255.2…...

编程日记 2025/7/23 1:40:07

cmake：test project

本文主要探讨cmake在测试和项目中的应用。 add_test add_test(NAME <name> COMMAND <command> [<arg>...] [CONFIGURATIONS <config>...] [WORKING_DIRECTORY <dir>] [COMMAND_EXPAND_LISTS])  add_test(NAME test_uni COMMAND $<TARGET_F…...

编程日记 2025/7/16 4:36:16

Qwen-2.5 omni

问题1 Qwen2.5-Omni的主要功能是什么？ Qwen2.5-Omni的主要功能是处理和生成多种模态的数据，包括文本、图像、音频和视频。它能够同时理解和生成这些模态的信息，支持复杂的多模态任务，例如语音对话、视频理解、图像描述生成等。 …...

编程日记 2025/7/22 11:10:45

Problem D: 异常2

1.题目描述检查危险品程序：生成货物类、机器类，货物类有属性name，机器类有检测的check方法，若货物名称是炸弹、毒药、刀具，则抛出异常提示。代码如下： import java.util.Scanner; class goods{ Stri…...

编程日记 2025/7/20 1:35:22

AI智慧公园管理方案：用科技重塑市民的“夜游体验”

AI智慧公园管理方案：多场景智能巡检与安全防控一、背景与痛点分析夏季夜间，公园成为市民休闲娱乐的核心场所，但管理难度随之激增： 宠物管理失控：未牵绳宠物进入园区，随地排泄、惊扰游客，甚…...

编程日记 2025/7/22 22:38:24

AJAX原理

AJAX使用XHR 对象和服务器进行数据交互 XHR <p class"my-p"></p><script>const xhr new XMLHttpRequest()xhr.open(GET,http://hmajax.itheima.net/api/province)xhr.addEventListener(loadend,()>{// console.log(xhr.response)const data …...

编程日记 2025/7/19 4:31:18

内存泄露，如何判断是资源泄露还是堆栈泄露？

作为软件测试工程师，判断内存泄露类型对于定位和解决问题至关重要。以下是区分资源泄露和堆栈泄露的方法： 1. 基本概念区分资源泄露(Resource Leak)：指非内存资源未正确释放，如文件句柄、数据库连接、网络套接字等虽然不直接表现为Java堆内存增长，但会导致系统资源耗…...

编程日记 2025/7/18 21:34:13