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

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

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

js 复制代码
alias:{
    '@':path.resolve('src')
}
相关推荐
DevilSeagull6 小时前
电脑上安装的服务会自动消失? 推荐项目: localhostSCmanager. 更好管理你的服务!
测试工具·安全·react·vite·localhost·hono·trpc
钛态1 天前
前端TypeScript高级技巧:让你的代码更安全
前端·vue·react·web
时寒的笔记1 天前
某陆飞11期_webpack案例
前端·webpack·node.js
kyriewen2 天前
Webpack vs Vite:一个是“老黄牛”,一个是“猎豹”,你选谁?
前端·webpack·vite
钛态3 天前
前端微前端架构:大项目的救命稻草还是自找麻烦?
前端·vue·react·web
钛态3 天前
前端趋势:别被时代抛弃
前端·vue·react·web
迪普阳光开朗很健康4 天前
告别繁琐!用ApkInfoQuick快速提取APK关键信息
android·rust·react
REDcker5 天前
Webpack Rollup Vite三者构建对比详解 开发体验与选型考量
运维·webpack·devops
Mr. zhihao6 天前
深入理解 ReAct 循环:从 LLM 决策到工具执行的完整闭环
python·ai·react
六bring个六6 天前
opencv简单操作(一)
前端·webpack·node.js