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

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

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

js 复制代码
alias:{
    '@':path.resolve('src')
}
相关推荐
小蹦跶儿13 分钟前
解决Webpack 打包报错:TypeError: Cannot assign to read only property 'exports' ?
javascript·vue.js·webpack
阿珊和她的猫1 天前
Webpack Loader 和 Plugin 实现原理详解
前端·webpack·node.js
luckyzlb1 天前
03-node.js & webpack
前端·webpack·node.js
在未来等你2 天前
AI Agent设计模式 Day 5:Reflexion模式:自我反思与持续改进
设计模式·llm·react·ai agent·plan-and-execute
云枫晖2 天前
Webpack系列-构建性能优化实战:从开发到生产
前端·webpack·性能优化
huangql5202 天前
Vite与Webpack完全指南:从零开始理解前端构建工具
前端·webpack·node.js
F_Director2 天前
Webpack DLL动态链接库的应用和思考
前端·webpack·性能优化
qq_415216253 天前
Vue3+vant4+Webpack+yarn项目创建+vant4使用注意明细
前端·webpack·node.js
answerball4 天前
Webpack:从构建流程到性能优化的深度探索
javascript·webpack·前端工程化
阿桂有点桂4 天前
React使用笔记(持续更新中)
前端·javascript·react.js·react