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

React配置src根目录@

news 2026/3/31 3:58:23

文章目录

  • 1.打开webpack配置文件
  • 2.配置webpack

1.打开webpack配置文件

yarn eject or npm run eject

如果报错了记得提前 git commit一下
请添加图片描述

2.配置webpack

请添加图片描述

  1. 找到 webpack.config.js 文件
  2. 在 webpack.config.js 文件中找到 alias 配置
  3. 在alias里添加'@': path.resolve('src') , 或者 '@': path.join(__dirname,'../src'),
    请添加图片描述
  4. 重新npm start即可

相关文章：

React配置src根目录@

文章目录 1.打开webpack配置文件2.配置webpack 1.打开webpack配置文件 yarn eject or npm run eject 如果报错了记得提前 git commit一下 2.配置webpack 找到 webpack.config.js 文件在 webpack.config.js 文件中找到 alias 配置在alias里添加: path.resolve(src) , 或者 : pa…...

编程日记 2024/1/21 4:03:16

SQL Povit函数使用及实例

PIVOT函数常用于数据的行转列&#xff0c;同时也可以用此函数实现类似于Excel中的数据透视表的效果。 PIVOT函数 PIVOT 函数的基本语法如下&#xff1a; -- PIVOT 语法 SELECT <非透视的列>,[第一个透视的列] AS <列名称>,[第二个透视的列] AS <列名称>,.…...

编程日记 2024/1/21 4:01:13

Lite AD的安装

1、Lite AD的安装及配置 Lite AD流程&#xff1a; &#xff08;1&#xff09;创建一个新的Windows 10&#xff0c;安装tools&#xff0c;再安装ITA组件&#xff08;安装Lite AD会自动安装VAG/VLB&#xff09; &#xff08;2&#xff09;创建一个新的Windows 10&#xff0c;安…...

编程日记 2024/1/21 3:59:11

限流算法之流量控制的平滑之道：滑动时间窗算法

文章目录 引言简介优点缺点样例样例图样例代码 应用场景结论 引言 在互联网应用中&#xff0c;流量控制是一个重要的组件&#xff0c;用于防止系统过载和保护核心资源。常见的限流算法包括固定窗口算法和滑动时间窗算法。本文将重点介绍滑动时间窗算法&#xff0c;并分析其优缺…...

编程日记 2024/1/21 3:58:10

C语言数据结构——顺序表

&#xff08;图片由AI生成&#xff09; 0.前言 在程序设计的世界里&#xff0c;数据结构是非常重要的基础概念。本文将专注于C语言中的一种基本数据结构——顺序表。我们将从数据结构的基本概念讲起&#xff0c;逐步深入到顺序表的内部结构、分类&#xff0c;最后通过一个实…...

编程日记 2024/1/21 3:57:09

网络安全：守护数字世界的盾牌

在当今数字化的时代&#xff0c;网络已经渗透到我们生活的方方面面。从社交媒体到在线银行&#xff0c;从在线购物到工作文件传输&#xff0c;网络几乎无处不在。然而&#xff0c;随着网络的普及&#xff0c;网络安全问题也日益凸显。那么&#xff0c;如何确保我们的数字资产安…...

编程日记 2024/1/21 3:52:04

vue3hooks的使用

hook是钩子的意思&#xff0c;看到“钩子”是不是就想到了钩子函数&#xff1f;事实上&#xff0c;hooks 还真是函数的一种写法。 vue3 借鉴 react hooks 开发出了 Composition API &#xff0c;所以也就意味着 Composition API 也能进行自定义封装 hooks。 vue3 中的 hooks …...

编程日记 2024/1/21 3:51:02

elementUI+el-upload 上传、下载、删除文件以及文件展示列表自定义为表格展示

Upload 上传组件的使用 官方文档链接使用el-upload组件上传文件 具体参数说明&#xff0c;如何实现上传、下载、删除等功能获取文件列表进行file-list格式匹配代码 文件展示列表自定义为表格展示 使用的具体参数说明文件大小展示问题&#xff08;KB/MB&#xff09;文件下载代码…...

编程日记 2024/1/21 3:50:01

供应链安全项目in-toto开源框架详解

引言&#xff1a;in-toto 是一个开源框架&#xff0c;能够以密码学的方式验证构件生产路径上的每个组件和步骤。它可与主流的构建工具、部署工具进行集成。in-toto已经被CNCF技术监督委员会 (Technical Oversight Committee&#xff0c;TOC)接纳为CNCF孵化项目。 1. 背景 由于…...

编程日记 2024/1/21 3:47:59

自己是如何使用单元测试

前言 自己是如何使用单元测试 进行单元测试能够让我们在编写方法的具体实现代码后&#xff0c;能清晰地看到其是否能实现预期的功能&#xff0c;有助于我们及时修正自己方法中存在的bug&#xff0c;以免在后续使用到某方法时出现意想不到的错误。 一、引入单元测试所使用的依赖…...

编程日记 2024/1/21 3:46:58

第二百七十八回

文章目录 1. 概念介绍2. 使用方法2.1 DropdownMenu2.1 DropdownMenuEntry 3. 示例代码4. 内容总结 我们在上一章回中介绍了"如何禁止页面跟随手机自动旋转"相关的内容&#xff0c;本章回中将介绍DropdownMenu组件.闲话休提&#xff0c;让我们一起Talk Flutter吧。 1.…...

编程日记 2024/1/21 3:45:57

Java 内存模型深度解析

优质博文&#xff1a;IT-BLOG-CN 一、并发编程模型的两个关键问题 【1】并发中常见的两个问题&#xff1a;线程之间如何通信及线程之间如何同步。通信是指线程之间以何种机制来交换信息。在命令式编程中&#xff0c;线程之间的通信机制有两种&#xff1a;内存共享和消息传递&…...

编程日记 2024/1/21 3:42:54

python爬取图片（thumbURL和html文件标签分别爬取）

当查看源代码&#xff0c;发现网址在thumbURL之后时&#xff0c;用此代码: # 当查看源代码&#xff0c;发现网址在thumbURL之后时&#xff0c;用此代码:import requestsheaders {User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:121.0) Gecko/20100101 Firefox/121…...

编程日记 2024/1/21 3:39:52

MySQL、Oracle 常用SQL：建表、建视图、数据增删改查、常用condition

目录 1 MySQL、Oracle 建表语句整理1.1 MySQL 建表1.2 Oracle 建表1.3 补充1.3.1 主键&#xff1a;新增、删除1.3.2 字段&#xff1a;新增、修改、删除 2 MySQL、Oracle 建视图3 数据&#xff1a;增删改查3.1 插入数据3.1.1 MySQL、Oracle 插入一条数据3.1.2 MySQL、Oracle 插入…...

编程日记 2024/1/21 3:38:51

Docker（八）高级网络配置

作者主页&#xff1a; 正函数的个人主页 文章收录专栏&#xff1a; Docker 欢迎大家点赞 &#x1f44d; 收藏 ⭐ 加关注哦&#xff01; 高级网络配置 注意&#xff1a;本章属于 Docker 高级配置&#xff0c;如果您是初学者&#xff0c;您可以暂时跳过本章节&#xff0c;直接学习…...

编程日记 2024/1/21 3:34:47

VUE--- ref refs

ref & refs 的作用&#xff1a;用于获取dom元素或组件实例&#xff0c;也可用于组件组件间数据的获取和修改 ref & refs 与querySelector的区别&#xff1a; ● ref & refs 查找的范围是当前组件内&#xff0c;更加精确稳定 ● querySelector 查找的范围是整个页面…...

编程日记 2024/1/21 3:32:46

微信小程序之WXML 模板语法之数据绑定、事件绑定、wx:if和列表渲染

学习的最大理由是想摆脱平庸&#xff0c;早一天就多一份人生的精彩&#xff1b;迟一天就多一天平庸的困扰。各位小伙伴&#xff0c;如果您&#xff1a; 想系统/深入学习某技术知识点… 一个人摸索学习很难坚持&#xff0c;想组团高效学习… 想写博客但无从下手&#xff0c;急需…...

编程日记 2024/1/21 3:30:44

maven导入无法拉取所需依赖

maven导入无法拉取所需依赖 1.原因2.解决搞定收工&#xff01; 1.原因 公司使用的是gradle&#xff0c;配置的私有云&#xff0c;maven里面配置私有云完全使用不了&#xff0c;无论配置国内还是国外的&#xff0c;导入的项目报错拉不到jar包。 <mirror><id>mirro…...

编程日记 2024/1/21 3:27:41

【2023-08-20】字节跳动秋招笔试四道编程题解

恭喜发现宝藏！搜索公众号【TechGuide】回复公司名，解锁更多新鲜好文和互联网大厂的笔经面经。 作者@TechGuide【全网同名】 订阅专栏【进阶版】2023最新大厂笔试真题 & 题解，不容错过的宝藏资源！ 第一题：最小交换次数 题目描述 小盖将n个珠子排成一排，然后将它们串…...

编程日记 2024/1/21 3:26:40

VPS网站发布-个人网站搭建与部署-个人简历网站示例-个人简历网站案例-网站推广

文章目录 1. 个人网站搭建指南1.1 网站示例 | 个人网站 | 个人简历模版 | 个人简历网站 | 网站案例1.2 准备工具 2. 网页部署教程&#xff08;ubuntu&#xff09;2.1 购买域名2.2 购买VPS2.3 部署工具 Apache || Nginx2.1.1 网页相关文件上传到github库2.1.2 在VPS中执行一键部…...

编程日记 2024/1/21 3:23:34

用计算机科学与技术的视角，把谈恋爱流程化：构建可运行、可调试、可迭代的情感操作系统

用计算机科学与技术的视角&#xff0c;把谈恋爱流程化&#xff1a;构建可运行、可调试、可迭代的情感操作系统 善灵驿站 成长心理 技术思维深度融合系列 作者&#xff1a;培风图南以星河揽胜 专栏链接&#xff1a;善灵驿站 &#x1f4cc; 导读&#xff1a;为什么技术人更需要…...

编程新知 2026/3/31 3:56:51

Linux进程，存储，软件，日志004

目录一、进程管理二、磁盘与存储管理三、软件包管理四、系统日志管理一、进程管理1.1 进程概念与状态进程定义&#xff1a;进程是正在执行的程序实例&#xff0c;包含程序代码、数据和系统资源。进程状态转换&#xff1a;● 运行(RUNNING)&#xff1a;进程正在CPU上执行● 就绪…...

编程新知 2026/3/31 3:50:50

Open62541内存泄漏实战：如何用Valgrind揪出隐藏的‘内存杀手‘

Open62541内存泄漏实战&#xff1a;用Valgrind精准定位与修复策略 引言&#xff1a;当OPC UA应用开始"悄悄吃内存" 在工业自动化领域&#xff0c;OPC UA服务器的稳定性直接影响着生产系统的可靠性。最近三个月&#xff0c;我们团队接手了四个因为内存泄漏导致系统崩溃…...

编程新知 2026/3/31 3:32:31

深入解析dlopen：动态库加载的机制与实践

1. 动态库加载的两种方式 在C/C开发中&#xff0c;动态库&#xff08;Dynamic Library&#xff09;的使用是提升代码复用性和灵活性的重要手段。动态库加载主要分为隐式链接和显式链接两种方式&#xff0c;它们各有特点&#xff0c;适用于不同场景。 隐式链接是最常见的方式&am…...

编程新知 2026/3/31 2:56:11

开源工具Lenovo Legion Toolkit：游戏本性能管理的轻量化创新方案

开源工具Lenovo Legion Toolkit&#xff1a;游戏本性能管理的轻量化创新方案 【免费下载链接】LenovoLegionToolkit Lightweight Lenovo Vantage and Hotkeys replacement for Lenovo Legion laptops. 项目地址: https://gitcode.com/gh_mirrors/le/LenovoLegionToolkit …...

编程新知 2026/3/31 1:29:11

3分钟上手：ControlNet-v1-1_fp16_safetensors让你的AI绘画更精准可控 [特殊字符]

3分钟上手&#xff1a;ControlNet-v1-1_fp16_safetensors让你的AI绘画更精准可控 &#x1f3a8; 【免费下载链接】ControlNet-v1-1_fp16_safetensors 项目地址: https://ai.gitcode.com/hf_mirrors/comfyanonymous/ControlNet-v1-1_fp16_safetensors ControlNet-v1-1_f…...

编程新知 2026/3/31 1:23:09

无线通信天线与MIMO技术解析

1. 无线通信中的天线基础认知所有依赖无线通信的电子设备&#xff0c;其信号传输质量都取决于一个核心部件——天线。作为电磁波与电信号之间的转换器&#xff0c;天线性能直接决定了数据传输的稳定性和速率。在消费电子领域&#xff0c;我们最常见的天线形态主要有三种&#x…...

编程新知 2026/3/31 0:48:48

5个环保主题HTML网页设计实战：从零到一构建绿色网站

1. 环保主题网页设计入门指南 第一次接触环保主题网页设计时&#xff0c;我盯着空白的编辑器整整半小时不知从何下手。直到看到某公益组织的网站&#xff0c;才发现原来绿叶图标和自然色系能瞬间传递环保理念。对于前端新手来说&#xff0c;这类主题最大的优势在于视觉元素明确…...

编程新知 2026/3/31 0:18:40

从一道蓝桥杯EDA赛题，聊聊平衡车硬件设计中那些‘不起眼’却关键的安全电路

平衡车硬件设计中的安全电路&#xff1a;从蓝桥杯赛题到工程实战 去年调试一款平衡车原型机时&#xff0c;我曾遇到一个诡异现象&#xff1a;每次电池快耗尽时&#xff0c;电机就会突然失控。经过三天排查&#xff0c;最终发现问题出在电源检测电路的分压电阻取值上——这个看似…...

编程新知 2026/3/30 23:20:29

老旧设备系统升级技术解析：4步实战指南让旧Mac焕发新生

老旧设备系统升级技术解析&#xff1a;4步实战指南让旧Mac焕发新生 【免费下载链接】OpenCore-Legacy-Patcher 体验与之前一样的macOS 项目地址: https://gitcode.com/GitHub_Trending/op/OpenCore-Legacy-Patcher 老旧Mac设备升级macOS系统是许多用户面临的技术难题&am…...

编程新知 2026/3/30 22:52:04