技术栈

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,轻松实现对话,与数据库操作,抽取数据,以及问答.
相关推荐
ningmengjing_
7 小时前
webpack打包方式
前端·爬虫·webpack·node.js·逆向
Yuner2000
7 小时前
Webpack开发:从入门到精通
前端·webpack·node.js
知识分享小能手
13 小时前
React学习教程,从入门到精通, React 新创建组件语法知识点及案例代码(11)
前端·javascript·学习·react.js·架构·前端框架·react
passer981
15 小时前
基于webpack的场景解决
前端·webpack
machinecat
16 小时前
Webpack模块联邦 - vue项目嵌套react项目部分功能实践
前端·webpack
知识分享小能手
1 天前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
光影少年
3 天前
webpack和vite优化方案都有哪些
前端·webpack·node.js
热门推荐
01UV安装并设置国内源02A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程03UV 工具安装与国内镜像源配置指南04解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题05教你如何认证 Gemini 教育优惠的二次验证,薅个 1年的 Gemini Pro 会员06突破百度网盘的下载限速,两种方法教会你【超详细】07conda中设置镜像地址(附所有可换的地址)08KGG转MP3工具|非KGM文件|解密音频092025 年高教社杯全国大学生数学建模竞赛C 题 NIPT 的时点选择与胎儿的异常判定 完整成品思路模型代码分享,全网首发高质量!!!10Nano Banana免费方案来了!Docker 一键部署 + 魔搭即开即用,小白也能玩转 AI 图像编辑