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

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

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

js 复制代码
alias:{
    '@':path.resolve('src')
}
相关推荐
大鱼前端28 分钟前
Turbopack vs Webpack vs Vite:前端构建工具三分天下,谁将胜出?
前端·webpack·turbopack
颜酱2 小时前
用搬家公司的例子来入门webpack
前端·javascript·webpack
前端缘梦13 小时前
Webpack 5 核心升级指南:从配置优化到性能提升的完整实践
前端·面试·webpack
时间的情敌13 小时前
对Webpack的深度解析
前端·webpack·node.js
天蓝色的鱼鱼1 天前
Turbopack vs Webpack vs Vite:前端构建工具三分天下,谁将胜出?
前端·webpack
西洼工作室2 天前
Vue CLI为何不显示webpack配置
前端·vue.js·webpack
富贵2号3 天前
从零开始理解 Webpack:构建现代前端工程的基石
webpack
前端OnTheRun5 天前
React18学习笔记(四) 路由案例--记账本
react·router
Hashan6 天前
告别混乱开发!多页面前端工程化完整方案(Webpack 配置 + 热更新)
webpack
开心不就得了6 天前
构建工具webpack
前端·webpack·rust