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

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

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

js 复制代码
alias:{
    '@':path.resolve('src')
}
相关推荐
Java后端的Ai之路15 小时前
前端技术Vue-09-webpack-vuejs-实战
前端·vue.js·webpack
Shockang3 天前
TanStack Router 实战:URL 校验、Loader 与路由权限
typescript·react·路由·前端开发·tanstack router
定栓4 天前
Webpack迁到Vite第七节(二):全家桶移除 — Babel 全家桶深度分析
前端·webpack·node.js
定栓4 天前
Webpack迁到Vite第七节(一):全家桶移除 — 配置文件与构建核心
前端·webpack·node.js
定栓4 天前
Webpack迁到Vite第八节:错误排查实录
前端·webpack·devops
定栓4 天前
Webpack迁到Vite第七节(四):全家桶移除 — 保留项、脚本与数据收尾
前端·webpack·node.js
定栓5 天前
Webpack迁到Vite第五节:第三方库兼容
前端·webpack·node.js
定栓5 天前
Webpack迁到Vite第三节:Less 与 CSS 处理
css·webpack·less