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

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

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

js 复制代码
alias:{
    '@':path.resolve('src')
}
相关推荐
康一夏7 小时前
Next.js 13变化有多大?
前端·react·nextjs
Jack N13 小时前
React 中的函数式更新
react
喵了几个咪13 小时前
Headless 架构优势:内容与展示解耦,一套 API 打通全端生态
vue.js·架构·golang·cms·react·taro·headless
qq_3859990814 小时前
Win7 64 位 + MinGW64 + CMake + OpenCV 之二
人工智能·opencv·webpack
ZHENGZJM2 天前
架构总览:Monorepo 结构与容器化部署
架构·go·react·全栈开发
最初的↘那颗心2 天前
Agent 核心原理:本质、ReAct 框架与工具设计最佳实践
大模型·agent·react·spring ai·工具设计
小小弯_Shelby2 天前
webpack优化:Vue配置compression-webpack-plugin实现gzip压缩
前端·vue.js·webpack
一只小阿乐3 天前
TypeScript中的React开发
前端·javascript·typescript·react
Java码农也是农3 天前
ReAct vs Plan-and-Execute:哪种Agent架构更适合你的场景
react·plan+execute
这是个栗子3 天前
TypeScript(三)
前端·javascript·typescript·react