技术栈

react17中配置webpack:使用@代表src目录

Yjing景2024-04-12 17:21

在vue的项目中可以使用@表示src目录,使用该符号表示绝对路径,那么在react中想要使用@怎么办呢?

在react中使用@表示src目录是需要在webpack中配置的,在核心模块node_modules-》react-scripts-》config-》webpack.config.js中搜索找到alias别名,在他的配置项中添加如下一项:

js 复制代码
alias:{
    '@':path.resolve('src')
}
上一篇:k8s的service为什么不能ping通?——所有的service都不能ping通吗
下一篇:langchain进阶一:特殊的chain,轻松实现对话,与数据库操作,抽取数据,以及问答.
相关推荐
sunny_
2 天前
⚡️ vite-plugin-oxc:从 Babel 到 Oxc,我为 Vite 写了一个高性能编译插件
前端·webpack·架构
用户8304071305701
3 天前
SPA 首屏加载速度慢怎么解决?
vue.js·webpack
codingWhat
3 天前
手把手系列之—— 自定义 Loader 和 Plugin
webpack·前端工程化
2301_81699788
5 天前
Webpack基础
前端·webpack·node.js
凯里欧文427
6 天前
极简版前端版本检测方案
前端·webpack
晔子yy
8 天前
ReAct范式全流程详解
java·ai·react
全马必破三
9 天前
Webpack知识点汇总
前端·webpack·node.js
lcc187
14 天前
Babel
webpack
光影少年
15 天前
前端工程化
前端·webpack·taro
lcc187
16 天前
Webpack 高级
webpack
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03OpenClaw + 飞书(Feishu)环境搭建指南04【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆05Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services06OpenClaw优化飞书API 额度已耗尽问题07Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤08小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)09OpenClaw大龙虾机器人完整安装教程10Window 10部署openclaw报错node.exe : npm error code 128