技术栈

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,轻松实现对话,与数据库操作,抽取数据,以及问答.
相关推荐
Richown
1 小时前
密码学入门:区块链中的密码学原理
区块链·react
Richown
2 小时前
Web3钱包:钱包集成与签名验证
区块链·react
Richown
7 小时前
跨链桥接:多链资产转移实现
区块链·react
NIIBLE
7 小时前
全栈日记之工程化设计(webpack)
前端·webpack·前端工程化
Richown
10 小时前
区块链开发:智能合约测试与调试技巧
区块链·react
Richown
1 天前
物联网开发:MQTT与传感器数据采集
区块链·react
Richown
1 天前
性能优化:前端加载性能优化指南
区块链·react
Richown
1 天前
后端性能:Node.js性能优化与调优
区块链·react
Richown
1 天前
无服务器架构:AWS Lambda与Serverless最佳实践
区块链·react
Richown
1 天前
数据可视化:交互式图表与大屏展示
区块链·react
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03【踩坑记录 | 第一篇】微软商店无法使用时,如何手动安装 OpenAI Codex?附`.msix`文件系统错误解决方法04CC-Switch & Claude 基于 Linux 服务器安装使用指南05裂开!ChatGPT 居然开始要手机号验证,附详细解决方法06【AI】2026 年具身智能模型和世界模型总结07Codegraph 实战:用知识图谱让 AI 编程效率翻倍08几个好用的ip纯净度检测网站09Cursor 接入 DeepSeek‑V4‑Pro 完整指南(2026 实测)10装上就回不去了:CodeGraph 让 AI 编程效率飙升 92%,它到底做了什么?