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

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

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

js 复制代码
alias:{
    '@':path.resolve('src')
}
相关推荐
Hao_Harrision3 小时前
50天50个小项目 (React19 + Tailwindcss V4) ✨| ThreeDBackgroundBoxes(3D背景盒子组件)
前端·3d·typescript·react·tailwindcss·vite7
为了摸鱼而战7 小时前
从10分钟到30秒!Webpack 打包效率优化实战指南
webpack·性能优化
AI架构师易筋1 天前
ReAct(react_agent)从入门到严谨:并以 AIOps 离线 PoC 为例给出可落地方案
人工智能·react
OEC小胖胖2 天前
05|从 `SuspenseException` 到 `retryTimedOutBoundary`:Suspense 的 Ping 与 Retry 机制
前端·前端框架·react·开源库
黎明初时3 天前
React基础框架搭建8-axios封装与未封装,实现 API 请求管理:react+router+redux+axios+Tailwind+webpack
javascript·react.js·webpack
哟哟耶耶3 天前
Plugin-webpack内置功能split-chunks-plugin配置打包代码分割
前端·webpack·node.js
嫂子的姐夫3 天前
013-webpack:新东方
爬虫·python·webpack·node.js·逆向
阿珊和她的猫4 天前
`require` 与 `import` 的区别剖析
前端·webpack
jayaccc4 天前
Webpack配置详解与实战指南
前端·webpack·node.js
阿珊和她的猫4 天前
Webpack中import的原理剖析
前端·webpack·node.js